@charset "UTF-8";
.z-ico-daily {
    background-image: url(http://z1.zhimg.com/images/b9470226.autosprite.png);
    background-repeat: no-repeat
}

.z-ico-daily {
    background-position: 0 0;
    width: 16px;
    height: 16px
}

@media screen and (-webkit-min-device-pixel-ratio: 1), screen and (min--moz-device-pixel-ratio: 1), screen and (-o-min-device-pixel-ratio: 100 / 100), screen and (min-device-pixel-ratio: 1), screen and (min-resolution: 1dppx) {
    .z-ico-daily {
        background-image: url(http://z1.zhimg.com/images/b9470226.autosprite.png);
        -webkit-background-size: 16px 16px;
        -moz-background-size: 16px 16px;
        background-size: 16px 16px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 200 / 100), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
    .z-ico-daily {
        background-image: url(http://z1.zhimg.com/images/c5e9527f.autosprite@2x.png);
        -webkit-background-size: 16px 16px;
        -moz-background-size: 16px 16px;
        background-size: 16px 16px
    }
}

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.hide-text, a.internal > .invisible, a.external > .invisible {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.main {
    margin: 55px 0 0;
    padding: 0 0 55px
}

@media screen and (max-width: 600px) {
    .main {
        margin-top: 0
    }
}

.main-container {
    min-height: 600px
}

.receptacle {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media screen and (max-width: 600px) {
    .receptacle {
        width: auto
    }
}

.bull {
    margin: 0 3px
}

@media screen and (max-width: 600px) {
    .main.post-write {
        padding-left: 17px;
        padding-right: 17px
    }
}

@media screen and (max-width: 420px) {
    .hide-on-mobile {
        display: none
    }
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url(http://z1.zhimg.com/styles/fonts/67a26d02.OpenSans.woff) format("woff")
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(http://z1.zhimg.com/styles/fonts/de8a570c.OpenSansBold.woff) format("woff")
}

ul, menu {
    margin: 0;
    padding: 0
}

body {
    word-wrap: break-word
}

body, textarea, input {
    padding: 0;
    margin: 0;
    color: #414243;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif
}

img {
    max-width: 100%;
    width: auto \9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

a {
    text-decoration: none;
    color: #225d99
}

a:hover {
    text-decoration: underline
}

::selection {
    background-color: #dddedf
}

::-webkit-input-placeholder {
    color: #9d9e9f
}

html.touch a {
    text-decoration: none
}

.editable {
    min-height: 88px;
    background: #fff;
    cursor: text
}

.editable a {
    text-decoration: none
}

.editable a[data-editable].hover, .editable a[data-editable]:hover {
    background: #eff6fa
}

.editable-container {
    position: relative
}

a.internal, a.external {
    margin: 0 4px 0 0;
    word-break: break-word
}

a.internal.wrap, a.external.wrap {
    white-space: normal
}

a.internal > .ellipsis:after, a.ui-suggest.internal > .row:after, .invited-list a.internal > .author-link:after, .invited-but-not-in-list a.internal > .author-link:after, a.external > .ellipsis:after, a.ui-suggest.external > .row:after, .invited-list a.external > .author-link:after, .invited-but-not-in-list a.external > .author-link:after {
    content: '...'
}

.icon-external {
    margin-left: 4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    vertical-align: 0;
    background-position: 0 -204px;
    background-image: url(http://z1.zhimg.com/images/design/c7f1a783.sprites-1.8.2.png)
}

.editable-dropzone {
    display: none;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(253, 254, 255, .3)
}

.editable-dropzone.active, .editable-dropzone.droppable {
    display: table
}

.editable-dropzone.droppable .hint {
    background-color: rgba(0, 0, 0, .02);
    border: 2px dashed #bbbcbd
}

.editable-dropzone .hint {
    display: table-cell;
    border: 2px dashed #d2d3d4;
    text-align: center;
    vertical-align: middle;
    color: #cccdce;
    font-size: 20px;
    -webkit-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.holdertext, .placeholder {
    color: #a0a0a0;
    pointer-events: none
}

.modal-dialog, div[contentEditable] {
    -moz-outline: 0;
    outline: 0
}

.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.hidden {
    display: none
}

.ellipsis, .ui-suggest > .row, .invited-list .author-link, .invited-but-not-in-list .author-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.server-error-container, .items-empty {
    text-align: center;
    color: #9d9e9f;
    padding: 110px 0
}

.server-error-container .icon, .items-empty .icon {
    display: block;
    margin: 0 auto 20px;
    width: 110px;
    height: 134px
}

.server-error-container h1, .items-empty h1 {
    font-weight: 400
}

.hover-tip {
    border-radius: 4px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    padding: 0 10px;
    line-height: 36px;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    text-shadow: none;
    -webkit-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.hover-tip:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -8px;
    font-size: 0;
    border-top: 6px solid rgba(0, 0, 0, .75);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.basic-input, .zm-img-uploader input.video-url, .linkdialog-form .text {
    margin: 0;
    padding: 10px 12px;
    font-size: 16px;
    white-space: pre-wrap;
    color: #222;
    cursor: text;
    border: 1px solid #DDD;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05) inset;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.basic-input:focus, .zm-img-uploader input.video-url:focus, .linkdialog-form .text:focus {
    outline: 0;
    box-shadow: 0 0 3px rgba(193, 194, 195, .25);
    border: 1px solid #c1c2c3
}

input.basic-input, .zm-img-uploader input.video-url, .linkdialog-form input.text {
    line-height: 22px
}

.pape-title {
    font-size: 17px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDDEDF;
    font-weight: 400
}

@media screen and (max-width: 600px) {
    .pape-title {
        padding-left: 17px;
        padding-right: 17px
    }
}

.avatar-big, .avatar-mid, .avatar-small {
    border-radius: 50%
}

.avatar-big {
    width: 100px;
    height: 100px
}

.avatar-mid {
    width: 50px;
    height: 50px
}

.avatar-small {
    width: 25px;
    height: 25px
}

.text-muted {
    color: #9d9e9f
}

.modal-dialog-title-close, .icon, .zg-icon, .tr-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    vertical-align: text-top;
    background-image: url(http://z1.zhimg.com/images/6e75b796.sprites.png);
    background-size: 240px 400px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .modal-dialog-title-close, .icon, .zg-icon, .tr-icon {
        background-image: url(http://z1.zhimg.com/images/b4e3b6a0.sprites@2x.png)
    }
}

.icon[class=icon] {
    background-image: none
}

.old-sprite, .icon-help, .icon-slider-minus, .icon-slider-plus, .lang-select .zg-icon-double-arrow, .video-player-box .icon-fold {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-image: url(http://z1.zhimg.com/images/design/c7f1a783.sprites-1.8.2.png);
    background-size: 308px 250px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .old-sprite, .icon-help, .icon-slider-minus, .icon-slider-plus, .lang-select .zg-icon-double-arrow, .video-player-box .icon-fold {
        background-image: url(http://z1.zhimg.com/images/design/50381825.sprites-1.8.2@2x.png)
    }
}

.icon-help {
    background-position: -284px -68px
}

.icon-error-404 {
    background-image: url(http://z1.zhimg.com/images/big/12ce919b.404.png);
    background-size: 110px 134px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .icon-error-404 {
        background-image: url(http://z1.zhimg.com/images/big/60e377d9.404@2x.png);
        background-size: contain
    }
}

.icon-error-500 {
    background-image: url(http://z1.zhimg.com/images/big/6aa2bd49.500.png);
    background-size: 110px 134px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .icon-error-500 {
        background-image: url(http://z1.zhimg.com/images/big/f6ca50c3.500@2x.png);
        background-size: contain
    }
}

.icon-no-article {
    background-image: url(http://z1.zhimg.com/images/big/d3996c1f.no-article.png);
    background-size: 110px 134px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .icon-no-article {
        background-image: url(http://z1.zhimg.com/images/big/6ee957a5.no-article@2x.png);
        background-size: contain
    }
}

.icon-upload-avatar {
    background-image: url(http://z1.zhimg.com/images/big/8e5cb57d.upload-avatar.png);
    background-size: 64px 53px !important;
    background-position: center 30px;
    background-color: #f1f2f3
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .icon-upload-avatar {
        background-image: url(http://z1.zhimg.com/images/big/d15d70f5.upload-avatar@2x.png);
        background-size: contain
    }
}

.icon-create-column-next {
    background-position: -60px -287px
}

.icon-navbar-menu {
    background-position: -96px 15px
}

.home .icon-navbar-menu {
    background-position: -183px 15px
}

.icon-navbar-login {
    background-position: -113px -2px
}

.home .icon-navbar-login {
    background-position: -199px -1px
}

.icon-navbar-write {
    background-position: -53px 15px
}

.home .icon-navbar-write {
    background-position: -141px 15px
}

.icon-navbar-drafts {
    background-position: -40px -202px
}

.home .icon-navbar-drafts {
    background-position: -80px -202px
}

.icon-navbar-logo {
    background-position: 16px 15px
}

.icon-navbar-select {
    background-position: -41px -7px
}

.icon-dd-columns {
    background-position: -27px -115px
}

.icon-dd-create {
    background-position: 0 -115px
}

.icon-dd-drafts {
    background-position: -81px -115px
}

.icon-dd-logout {
    background-position: -135px -116px
}

.icon-del-big {
    background-position: -109px -116px;
    vertical-align: -1px
}

.icon-share-sina {
    background-position: -115px -80px
}

.icon-share-qq {
    background-position: -146px -80px
}

.icon-share-douban {
    background-position: -58px -80px
}

.icon-share-twitter {
    background-position: -86px -80px
}

.icon-remove-topic, .icon-remove-link {
    background-position: -106px -47px;
    width: 18px;
    height: 18px
}

a:hover .icon-remove-topic, a:hover .icon-remove-link {
    background-position: -80px -47px
}

.icon-panel-invite {
    background-position: 0 -233px
}

.icon-settings {
    background-position: -217px -288px
}

.icon-go {
    background-position: -72px -168px;
    width: 26px;
    height: 27px
}

.icon-create-column {
    background-position: 0 -157px;
    width: 50px;
    height: 51px
}

.icon-popup-close, .modal-dialog-title-close {
    background-position: -102px -155px;
    width: 54px;
    height: 54px
}

.icon-comment-remove, .icon-del {
    background-position: -28px -320px
}

.icon-comment-reply {
    background-position: 0 -320px
}

.icon-comment-like {
    background-position: 0 -49px
}

.icon-comment-report {
    background-position: -58px -320px
}

.icon-add-titleimg {
    background-position: -181px -79px;
    width: 60px;
    height: 51px
}

.icon-img-caption {
    background-position: -88px -288px
}

.icon-img-change {
    background-position: -120px -287px;
    width: 19px
}

.icon-img-delete {
    background-position: -155px -287px;
    height: 17px
}

.icon-actionbar-link {
    background-position: -223px -353px
}

.icon-actionbar-text {
    background-position: -194px -354px
}

.icon-read-all {
    background-position: -203px -50px
}

.icon-linked-post {
    background-position: 0 -80px
}

.item-with-title-img .icon-linked-post {
    background-position: -24px -80px
}

.icon-posts-end {
    background-position: -161px -161px
}

.icon-more-voters {
    background-position: -193px -238px
}

.icon-prev-post {
    background-position: -141px -47px
}

.icon-next-post {
    background-position: -174px -47px
}

.icon-magnify {
    background-position: -55px -49px
}

.icon-comment {
    background-position: -117px -320px
}

.item-with-title-img .entry-meta .icon-comment {
    background-position: -86px -319px
}

.icon-share {
    background-position: -146px -319px
}

.icon-edit {
    background-position: -30px -288px;
    width: 15px;
    height: 15px
}

.icon-weibo {
    margin-right: 10px;
    width: 20px;
    height: 19px;
    background-position: -105px -349px
}

.icon-mail {
    margin-right: 10px;
    width: 20px;
    height: 19px;
    background-position: -141px -351px
}

.icon-voteup {
    background-position: 0 -49px
}

.item-with-title-img .icon-voteup {
    background-position: -175px -321px
}

.icon-votedown {
    background-position: -26px -49px
}

.icon-eye {
    width: 20px;
    height: 12px;
    background-position: -200px -322px
}

.icon-error {
    background-position: -188px -287px
}

.icon-alertbar-info {
    background-position: 0 -349px
}

.icon-alertbar-error {
    background-position: -32px -349px
}

.icon-alertbar-warn {
    background-position: -64px -349px
}

.zg-icon-pen, .zg-icon-pen {
    text-indent: -999em
}

.zg-icon-pen {
    background-position: -205px -379px
}

.zg-icon-trash {
    background-position: -219px -379px
}

.btn, .btn-blue, .zg-btn-blue, .modal-dialog-buttons > button[name=ok], .modal-dialog-buttons > button[name=yes], .btn-dark-grey, .btn-red, .btn-dark-green, .btn-hollow, .btn-white {
    padding: 0 14px;
    border-radius: 4px;
    line-height: 42px;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .15) inset, 0 1px 1px rgba(0, 0, 0, .15);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    color: #fff;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block
}

.btn:active, .btn-blue:active, .zg-btn-blue:active, .modal-dialog-buttons > button[name=ok]:active, .modal-dialog-buttons > button[name=yes]:active, .btn-dark-grey:active, .btn-red:active, .btn-dark-green:active, .btn-hollow:active, .btn-white:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15) inset, 0 1px 2px rgba(255, 255, 255, .6)
}

.btn:hover, .btn-blue:hover, .zg-btn-blue:hover, .modal-dialog-buttons > button[name=ok]:hover, .modal-dialog-buttons > button[name=yes]:hover, .btn-dark-grey:hover, .btn-red:hover, .btn-dark-green:hover, .btn-hollow:hover, .btn-white:hover {
    text-decoration: none
}

.btn.mid, .btn-blue.mid, .mid.zg-btn-blue, .modal-dialog-buttons > button.mid[name=ok], .modal-dialog-buttons > button.mid[name=yes], .btn-dark-grey.mid, .btn-red.mid, .btn-dark-green.mid, .btn-hollow.mid, .btn-white.mid {
    font-size: 15px;
    line-height: 36px;
    padding: 0 12px
}

.btn[disabled], .btn-blue[disabled], [disabled].zg-btn-blue, .modal-dialog-buttons > button[disabled][name=ok], .modal-dialog-buttons > button[disabled][name=yes], .btn-dark-grey[disabled], .btn-red[disabled], .btn-dark-green[disabled], .btn-hollow[disabled], .btn-white[disabled] {
    cursor: not-allowed
}

.btn {
    border: 0;
    background: 0 0
}

.btn-white {
    border: 1px solid #d6d7d8;
    color: #9d9e9f;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    background: #fff
}

.btn-white:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    background-color: #FBFBFB
}

.btn-white:focus {
    text-decoration: none;
    background-color: #fbfbfb
}

.btn-blue, .zg-btn-blue, .modal-dialog-buttons > button[name=ok], .modal-dialog-buttons > button[name=yes] {
    background-color: #3792dc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#409ae2), to(#2887d3));
    background-image: -webkit-linear-gradient(top, #409ae2, #2887d3);
    background-image: -moz-linear-gradient(top, #409ae2, #2887d3);
    background-image: linear-gradient(top, #409ae2, #2887d3);
    background-repeat: repeat-x;
    border: 1px solid #2184d3;
    color: #fff
}

.btn-blue:active, .zg-btn-blue:active, .modal-dialog-buttons > button[name=ok]:active, .modal-dialog-buttons > button[name=yes]:active {
    background-color: #2486d5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#298BDA), to(#1D7FCE));
    background-image: -webkit-linear-gradient(top, #298BDA, #1D7FCE);
    background-image: -moz-linear-gradient(top, #298BDA, #1D7FCE);
    background-image: linear-gradient(top, #298BDA, #1D7FCE);
    background-repeat: repeat-x;
    border: 1px solid #1076C7
}

.btn-blue:focus, .zg-btn-blue:focus, .modal-dialog-buttons > button[name=ok]:focus, .modal-dialog-buttons > button[name=yes]:focus {
    box-shadow: 0 0 6px #1076C7;
    border: 1px solid #1076C7
}

.btn-dark-grey {
    background-color: #7a8791;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#808c96), to(#707f8b));
    background-image: -webkit-linear-gradient(top, #808c96, #707f8b);
    background-image: -moz-linear-gradient(top, #808c96, #707f8b);
    background-image: linear-gradient(top, #808c96, #707f8b);
    background-repeat: repeat-x;
    border: 1px solid #60707E
}

.btn-dark-grey:active {
    background-color: #667786;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#697B8A), to(#617280));
    background-image: -webkit-linear-gradient(top, #697B8A, #617280);
    background-image: -moz-linear-gradient(top, #697B8A, #617280);
    background-image: linear-gradient(top, #697B8A, #617280);
    background-repeat: repeat-x;
    border: 1px solid #405261
}

.btn-dark-grey:focus {
    box-shadow: 0 0 6px #405261;
    border: 1px solid #405261
}

.btn-red {
    background-color: #ed4353;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f24858), to(#e53b4b));
    background-image: -webkit-linear-gradient(top, #f24858, #e53b4b);
    background-image: -moz-linear-gradient(top, #f24858, #e53b4b);
    background-image: linear-gradient(top, #f24858, #e53b4b);
    background-repeat: repeat-x;
    border: 1px solid #d22132
}

.btn-red:active {
    background-color: #e12d3e;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E63344), to(#DA2435));
    background-image: -webkit-linear-gradient(top, #E63344, #DA2435);
    background-image: -moz-linear-gradient(top, #E63344, #DA2435);
    background-image: linear-gradient(top, #E63344, #DA2435);
    background-repeat: repeat-x;
    border: 1px solid #B61827
}

.btn-red:focus {
    box-shadow: 0 0 6px #B61827;
    border: 1px solid #B61827
}

.btn-dark-green {
    background-color: #61c788;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6bc88e), to(#52c77e));
    background-image: -webkit-linear-gradient(top, #6bc88e, #52c77e);
    background-image: -moz-linear-gradient(top, #6bc88e, #52c77e);
    background-image: linear-gradient(top, #6bc88e, #52c77e);
    background-repeat: repeat-x;
    border: 1px solid #1cac52
}

.btn-dark-green:active {
    background-color: #47bc73;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4CBD77), to(#40BB6E));
    background-image: -webkit-linear-gradient(top, #4CBD77, #40BB6E);
    background-image: -moz-linear-gradient(top, #4CBD77, #40BB6E);
    background-image: linear-gradient(top, #4CBD77, #40BB6E);
    background-repeat: repeat-x;
    border: 1px solid #139142
}

.btn-dark-green:focus {
    box-shadow: 0 0 6px #139142;
    border: 1px solid #139142
}

.btn-grey {
    border: 1px solid #DDDEDF;
    background-color: #fbfcfd;
    color: #9d9e9f;
    text-shadow: none;
    box-shadow: none
}

.btn-grey:active {
    background-color: #f4f5f6;
    border: 1px solid #c4c5c6
}

.btn-grey:focus {
    box-shadow: 0 0 6px #c4c5c6;
    border: 1px solid #c4c5c6
}

.btn-hollow {
    border: 1px solid #cccdce;
    background-color: #fbfcfd;
    color: #9d9e9f;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

.btn-hollow:active {
    border: 1px solid #c2c3c4;
    color: #666768;
    background-color: #f4f5f6
}

.btn-hollow:focus {
    box-shadow: 0 0 6px #b2b3b4;
    border: 1px solid #b2b3b4
}

.btn-green {
    background-color: #b4dc6d;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfe572), to(#a2cf65));
    background-image: -webkit-linear-gradient(top, #bfe572, #a2cf65);
    background-image: -moz-linear-gradient(top, #bfe572, #a2cf65);
    background-image: linear-gradient(top, #bfe572, #a2cf65);
    background-repeat: repeat-x;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    border: 1px solid #91ae53;
    color: #70893a;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset, 0 1px 2px rgba(0, 0, 0, .1);
    font-size: 14px;
    padding: 0 12px;
    line-height: 28px;
    margin: 0;
    cursor: pointer
}

.btn-green:active {
    background-color: #a4d44d;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A8D649), to(#9ED355));
    background-image: -webkit-linear-gradient(top, #A8D649, #9ED355);
    background-image: -moz-linear-gradient(top, #A8D649, #9ED355);
    background-image: linear-gradient(top, #A8D649, #9ED355);
    background-repeat: repeat-x;
    border: 1px solid #84A53E
}

.btn-green:focus {
    box-shadow: 0 0 6px #84A53E;
    border: 1px solid #84A53E
}

.btn-link, .modal-dialog-buttons > button[name=cancel] {
    font-size: 1em;
    border: 0;
    background: 0 0
}

html.no-touch .btn-link:hover, html.no-touch .modal-dialog-buttons > button[name=cancel]:hover {
    cursor: pointer;
    text-decoration: underline
}

.btn.normal {
    font-size: 14px;
    line-height: 28px;
    padding: 0 8px
}

.z-ico-daily {
    background-image: url(http://z1.zhimg.com/images/b9470226.autosprite.png);
    background-repeat: no-repeat
}

.z-ico-daily {
    background-position: 0 0;
    width: 16px;
    height: 16px
}

@media screen and (-webkit-min-device-pixel-ratio: 1), screen and (min--moz-device-pixel-ratio: 1), screen and (-o-min-device-pixel-ratio: 100 / 100), screen and (min-device-pixel-ratio: 1), screen and (min-resolution: 1dppx) {
    .z-ico-daily {
        background-image: url(http://z1.zhimg.com/images/b9470226.autosprite.png);
        -webkit-background-size: 16px 16px;
        -moz-background-size: 16px 16px;
        background-size: 16px 16px
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (-o-min-device-pixel-ratio: 200 / 100), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
    .z-ico-daily {
        background-image: url(http://z1.zhimg.com/images/c5e9527f.autosprite@2x.png);
        -webkit-background-size: 16px 16px;
        -moz-background-size: 16px 16px;
        background-size: 16px 16px
    }
}

.editable pre {
    display: block;
    white-space: pre-wrap
}

.editable pre div {
    *display: inline
}

.editable pre br {
    *display: block
}

pre.code-diff {
    white-space: pre-wrap
}

pre.code-diff, body .highlight, .editable pre {
    margin: 1em 0;
    padding: .4em .6em;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 2px;
    background: #f8f8f8
}

code, .editable pre, .highlight {
    font-family: Menlo, Monaco, Consolas, "Andale Mono", "lucida console", "Courier New", monospace
}

body .highlight {
    width: auto;
    overflow: auto;
    word-wrap: normal;
    -webkit-overflow-scrolling: touch
}

.highlight pre {
    margin: 0
}

.highlight::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.highlight::-webkit-scrollbar-thumb:horizontal {
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .5)
}

.highlight::-webkit-scrollbar-thumb:horizontal:hover {
    background-color: rgba(0, 0, 0, .6)
}

.highlight code {
    overflow: auto
}

.highlight .hll {
    background-color: #ffc
}

.highlight {
    background: #fff
}

.highlight .c {
    color: #998;
    font-style: italic
}

.highlight .err {
    color: #a61717;
    background-color: #e3d2d2
}

.highlight .k {
    font-weight: 700
}

.highlight .o {
    font-weight: 700
}

.highlight .cm {
    color: #998;
    font-style: italic
}

.highlight .cp {
    color: #999;
    font-weight: 700
}

.highlight .c1 {
    color: #998;
    font-style: italic
}

.highlight .cs {
    color: #999;
    font-weight: 700;
    font-style: italic
}

.highlight .gd {
    color: #000;
    background-color: #fdd
}

.highlight .ge {
    font-style: italic
}

.highlight .gr {
    color: #a00
}

.highlight .gh {
    color: #999
}

.highlight .gi {
    color: #000;
    background-color: #dfd
}

.highlight .go {
    color: #888
}

.highlight .gp {
    color: #555
}

.highlight .gs {
    font-weight: 700
}

.highlight .gu {
    color: #aaa
}

.highlight .gt {
    color: #a00
}

.highlight .kc {
    font-weight: 700
}

.highlight .kd {
    font-weight: 700
}

.highlight .kn {
    font-weight: 700
}

.highlight .kp {
    font-weight: 700
}

.highlight .kr {
    font-weight: 700
}

.highlight .kt {
    color: #458;
    font-weight: 700
}

.highlight .m {
    color: #099
}

.highlight .s {
    color: #d32
}

.highlight .na {
    color: teal
}

.highlight .nb {
    color: teal
}

.highlight .nc {
    color: #458;
    font-weight: 700
}

.highlight .no {
    color: teal
}

.highlight .ni {
    color: purple
}

.highlight .ne {
    color: #900;
    font-weight: 700
}

.highlight .nf {
    color: #900;
    font-weight: 700
}

.highlight .nn {
    color: #555
}

.highlight .nt {
    color: navy
}

.highlight .nv {
    color: teal
}

.highlight .ow {
    font-weight: 700
}

.highlight .w {
    color: #bbb
}

.highlight .mf {
    color: #099
}

.highlight .mh {
    color: #099
}

.highlight .mi {
    color: #099
}

.highlight .mo {
    color: #099
}

.highlight .sb {
    color: #d32
}

.highlight .sc {
    color: #d32
}

.highlight .sd {
    color: #d32
}

.highlight .s2 {
    color: #d32
}

.highlight .se {
    color: #d32
}

.highlight .sh {
    color: #d32
}

.highlight .si {
    color: #d32
}

.highlight .sx {
    color: #d32
}

.highlight .sr {
    color: olive
}

.highlight .s1 {
    color: #d32
}

.highlight .ss {
    color: #d32
}

.highlight .bp {
    color: #999
}

.highlight .vc {
    color: teal
}

.highlight .vg {
    color: teal
}

.highlight .vi {
    color: teal
}

.highlight .il {
    color: #099
}

.fileinput-button {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer
}

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px
}

.progress-animated .bar {
    background: url(http://z1.zhimg.com/../img/progressbar.gif) !important;
    filter: none
}

.fileupload-loading {
    float: right;
    width: 32px;
    height: 32px;
    background: url(http://z1.zhimg.com/../img/loading.gif) center no-repeat;
    background-size: contain;
    display: none
}

.fileupload-processing .fileupload-loading {
    display: block
}

@media (max-width: 767px) {
    .fileupload-buttonbar .toggle, .files .toggle, .files .btn span {
        display: none
    }

    .files .name {
        width: 80px;
        word-wrap: break-word
    }
}

.zh-lightbox-thumb {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    z-index: 21
}

html.lightbox-zoomin-active .zh-lightbox-thumb, html.lightbox-zoomin .zh-lightbox-thumb {
    z-index: 20
}

html.lightbox-zoomin-active .zh-lightbox-thumb.zoomed, html.lightbox-zoomin .zh-lightbox-thumb.zoomed {
    z-index: 21
}

.zh-lightbox-thumb.zoomed {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out
}

html.lightbox-zoomin body {
    overflow: hidden
}

.lightbox-overlay {
    z-index: 20;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transition: opacity ease-in-out .2s;
    transition: opacity ease-in-out .2s;
    opacity: .9
}

.lightbox-overlay.in, .lightbox-overlay.out.out-active {
    opacity: 0
}

.lightbox-overlay.out, .lightbox-overlay.in.in-active {
    opacity: .9
}

.popup-bg {
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11
}

.popup {
    position: fixed;
    left: 50%;
    margin-left: -210px;
    top: 15%;
    width: 420px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    z-index: 12
}

.popup .title {
    padding: 0 20px;
    position: relative
}

.popup .title h1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 54px
}

.popup .title .close {
    width: 54px;
    height: 54px;
    display: inline-block;
    background: url(http://z1.zhimg.com/images/design/close.png) center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    opacity: .7;
    -webkit-transition: all .05s ease-in-out
}

.popup .title .close:hover {
    opacity: 1
}

.popup .content {
    border-bottom: 1px dashed #f6f6f6
}

.popup .foot {
    height: 80px;
    padding: 0 20px;
    text-align: center
}

#nprogress {
    -webkit-pointer-events: none;
    pointer-events: none
}

#nprogress .bar {
    background: #00bfff;
    color: #00bfff;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px, 0 0 5px;
    opacity: 1;
    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px)
}

.ac-renderer {
    position: absolute;
    top: 35px;
    left: 1px;
    z-index: 10;
    width: 640px;
    background: #fff;
    border: 1px solid #999;
    border: 0 none transparent;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.ac-renderer > .ac-row {
    cursor: pointer;
    padding: 8px;
    zoom: 1;
    clear: both
}

.ac-renderer > .ac-row.active {
    background-color: #d6e9f8
}

.ui-alertbar {
    position: absolute;
    width: 100%;
    height: 42px;
    line-height: 42px;
    color: #fff;
    opacity: .95;
    z-index: 19;
    border-top: 1px solid #b3b4b5;
    margin-top: -1px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.ui-alertbar .icon {
    width: 20px;
    height: 21px;
    margin-right: 8px;
    vertical-align: -5px
}

.ui-alertbar.sticky {
    position: fixed;
    top: 0
}

.ui-alertbar.info {
    background-color: #5ec484
}

.ui-alertbar.error {
    background-color: #cc655a
}

.ui-alertbar.warn {
    background-color: #e7d780
}

.ui-alertbar.ng-hide-remove, .ui-alertbar.ng-hide-add {
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.ui-alertbar.ng-hide-remove, .ui-alertbar.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    margin-top: -12px;
    display: block !important
}

.ui-alertbar.ng-hide-add, .ui-alertbar.ng-hide-remove.ng-hide-remove-active {
    opacity: .95;
    margin-top: 0
}

.zm-img-uploader {
    font-size: 16px
}

.zm-img-uploader .note, .zm-img-uploader .note a {
    color: #9d9e9f;
    font-size: 12px;
    margin-bottom: 15px
}

.zm-img-uploader .zm-command {
    text-align: right
}

.zm-img-uploader input.video-url {
    width: 270px;
    margin-right: 15px
}

.zm-img-uploader a.browser {
    margin: 0 10px 10px 0
}

.zm-img-uploader form {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #edeeef
}

.zm-img-uploader .tab-content {
    display: none
}

.zm-img-uploader .tab-content.selected {
    display: block
}

.zm-img-uploader .tab-content.selected.inline {
    display: inline-block
}

.zm-img-uploader .tab-nav {
    font-weight: 700
}

.zm-img-uploader .tab-nav.selected {
    color: #222;
    cursor: default;
    text-decoration: none
}

.zg-btn-blue:hover {
    text-decoration: none
}

.zm-img-uploader-tab {
    color: #999
}

@media only screen and (max-device-width: 450px) {
    .zm-img-uploader .zg-form-text-input {
        width: 90%
    }

    .zm-uploader-button-fix {
        margin: 10px 0 0
    }
}

.zm-video-uploader-info {
    height: 24px;
    overflow: hidden;
    margin: 6px 0 0
}

.zm-img-uploader-error {
    color: #A02313;
    vertical-align: 3px
}

.zm-img-uploader-loading {
    color: #999;
    padding: 0 0 0 20px;
    background: url(http://z1.zhimg.com/images/spinner/516842d6.spinner2.gif) no-repeat;
    vertical-align: 3px
}

.avatar-editor-dialog {
}

@media screen and (max-width: 600px) {
    .avatar-editor-dialog > .modal-dialog-content {
        padding: 0
    }

    .avatar-editor-dialog > .modal-dialog-title {
        display: none
    }
}

.icrop-container {
    margin: 0 auto
}

.icrop-container .icrop-container-inner {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    cursor: move
}

.icrop-container .outer {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .25;
    max-width: initial
}

.icrop-container .inner {
    position: absolute;
    max-width: initial
}

.icrop-container .icrop-window {
    overflow: hidden;
    margin: 40px
}

.icrop-container .icrop-window .icrop-window-inner {
    position: relative
}

.icrop-container .icrop-window-shadow {
    box-shadow: 0 0 15px rgba(0, 0, 0, .5) inset;
    border: 1px solid #EEE \0;
    position: absolute;
    width: inherit;
    height: inherit;
    z-index: 1
}

.icrop-container .icrop-window, .icrop-container .icrop-window-shadow {
    border-radius: 50%
}

.icrop-container .controls {
    margin: 5px 30px 15px
}

.icrop-container .controls .icon-slider-minus {
    float: left;
    margin-top: 2px
}

.icrop-container .controls .icon-slider-plus {
    float: right
}

.icrop-container .controls .goog-slider {
    position: relative;
    height: 20px;
    outline: 0;
    margin: 0 30px
}

.icrop-container .controls .goog-slider-thumb {
    position: absolute;
    top: 2px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    cursor: pointer;
    background: #bbb
}

.icrop-container .controls .line {
    position: absolute;
    width: 100%;
    top: 7px;
    height: 5px;
    background: #eee;
    border-radius: 2px;
    cursor: pointer
}

.icon-slider-minus, .icon-slider-plus {
    width: 19px;
    height: 19px
}

.icon-slider-minus {
    background-position: -109px 0
}

.icon-slider-plus {
    background-position: -128px 0
}

.ui-infinite > .ui-spinner {
    margin: 50px auto
}

.ui-infinite.immediate > .ui-spinner {
    display: none
}

.hc-lang-select {
    position: absolute;
    z-index: 110;
    text-shadow: 0 1px rgba(255, 255, 255, .8)
}

.lang-select {
    position: relative;
    width: 180px;
    overflow: hidden;
    border: 1px solid #bebebe;
    border-radius: 3px;
    background: #f0f0f0;
    box-shadow: rgba(255, 255, 255, .4) 0 1px 0 inset, 0 1px 1px rgba(0, 0, 0, .1)
}

.lang-select.collapsed .lang-list, .lang-select.collapsed .input-wrapper {
    display: none
}

.lang-select.collapsed .title-button {
    cursor: pointer
}

.lang-select .zg-icon-double-arrow {
    position: absolute;
    top: 7px;
    right: 4px;
    pointer-events: none;
    background-position: -191px -229px;
    width: 14px;
    height: 14px
}

.lang-select .title-button {
    display: block;
    margin: 0 10px;
    padding-right: 1em;
    height: 30px;
    line-height: 31px;
    outline: 0;
    cursor: default
}

.lang-select .input-wrapper {
    margin: 1px 0 8px
}

.lang-select .filter-input {
    height: 18px;
    margin: 0 auto;
    display: block;
    width: 150px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset, 0 1px rgba(255, 255, 255, .4);
    outline: 0;
    padding: 6px;
    border: 1px solid #ddd
}

.lang-select .filter-input:focus {
    border-color: #b0c4dd
}

.lang-list {
    margin: 0;
    padding: 0;
    height: auto !important;
    max-height: 300px;
    overflow-x: auto
}

.lang-list > .lang-option {
    padding: 3px 10px;
    cursor: pointer
}

.lang-list > .lang-option.active {
    background: #fdfdfd
}

.lang-list > .lang-option.checked {
    display: none
}

.lang-list > .lang-option .icon.checked {
    display: none
}

.linkdialog-form .line {
    position: relative
}

.linkdialog-form .icon-linkdialog-url, .linkdialog-form .icon-linkdialog-text {
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -8px
}

.linkdialog-form .line + .line {
    margin-top: 20px
}

.linkdialog-form .text {
    width: 100%;
    padding-left: 38px
}

.icon-linkdialog-url, .icon-linkdialog-text {
    width: 16px;
    height: 16px
}

.icon-linkdialog-url {
    background-position: -114px -257px
}

.icon-linkdialog-text {
    background-position: -139px -257px
}

.mention-popup {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0;
    padding: 0;
    width: 182px;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    border-bottom: 1px solid #bbb
}

.mention-popup.activated {
    border-radius: 4px
}

.mention-holder {
    color: #222
}

.mention-popup .writing-bg input {
    width: 100%;
    outline: 0;
    border: 0;
    line-height: 13px
}

.mention-popup .writing-bg {
    border: 1px solid #bbb;
    border-bottom: 0;
    padding: 4px 8px;
    border-radius: 4px 4px 0 0;
    background: #fff
}

.mention-popup .tip {
    background: #f4f4f4;
    min-width: 160px;
    padding: 2px 10px;
    border: 1px solid #bbb;
    border-bottom: 0;
    border-top: 0;
    color: #999
}

.mention-popup .name, .mention-popup .avatar {
    vertical-align: middle
}

.mention-popup .name {
    color: #222
}

.mention-popup .avatar {
    margin-right: 8px;
    width: 25px;
    height: 25px;
    border-radius: 2px
}

.mention-popup > .ac-renderer {
    position: static;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: #fff;
    box-shadow: none;
    border-radius: 0 0 4px 4px
}

.mention-popup > .ac-renderer > .ac-row {
    margin: 0;
    padding: 0 10px;
    width: 160px;
    height: 38px;
    line-height: 36px;
    color: #999;
    border: solid #bbb;
    border-width: 0 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mention-popup > .ac-renderer > .ac-row:first-child {
    border-radius: 0
}

@-webkit-keyframes dropdown {
    0% {
        margin-top: -25px;
        opacity: 0
    }
    90% {
        margin-top: 2px
    }
    100% {
        margin-top: 0;
        opacity: 1
    }
}

@-moz-keyframes dropdown {
    0% {
        margin-top: -25px;
        opacity: 0
    }
    90% {
        margin-top: 2px
    }
    100% {
        margin-top: 0;
        opacity: 1
    }
}

@-ms-keyframes dropdown {
    0% {
        margin-top: -25px;
        opacity: 0
    }
    90% {
        margin-top: 2px
    }
    100% {
        margin-top: 0;
        opacity: 1
    }
}

@keyframes dropdown {
    0% {
        margin-top: -25px;
        opacity: 0
    }
    90% {
        margin-top: 2px
    }
    100% {
        margin-top: 0;
        opacity: 1
    }
}

@-webkit-keyframes pulldown {
    0% {
        bottom: 105px;
        opacity: 0
    }
    90% {
        margin-top: 83px
    }
    100% {
        margin-top: 0;
        opacity: 1
    }
}

@-moz-keyframes pulldown {
    0% {
        bottom: 105px;
        opacity: 0
    }
    90% {
        margin-top: 83px
    }
    100% {
        margin-top: 0;
        opacity: 1
    }
}

@-ms-keyframes pulldown {
    0% {
        bottom: 105px;
        opacity: 0
    }
    90% {
        margin-top: 83px
    }
    100% {
        margin-top: 0;
        opacity: 1
    }
}

@keyframes pulldown {
    0% {
        bottom: 105px;
        opacity: 0
    }
    90% {
        margin-top: 83px
    }
    100% {
        margin-top: 0;
        opacity: 1
    }
}

.ui-menu-button {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.ui-menu-button > menu {
    position: absolute;
    top: 100%;
    left: 50%;
    border: 1px solid #d2d3d4;
    border-radius: 4px;
    background-color: #fff;
    z-index: 30;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    visibility: hidden;
    opacity: 0;
    outline: 0
}

.ui-menu-button > menu:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -8px;
    font-size: 0;
    border-bottom: 9px solid rgba(0, 0, 0, .25);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.ui-menu-button > menu:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -8px;
    font-size: 0;
    border-bottom: 9px solid #FFF;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.ui-menu-button .menu-item {
    cursor: pointer;
    padding: 0 20px;
    display: block;
    white-space: nowrap;
    line-height: 42px;
    color: #9d9e9f;
    border: 0;
    background: 0 0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    outline: 0
}

html.no-touch .ui-menu-button .menu-item:hover {
    text-decoration: none;
    background: #f7f8f9
}

.ui-menu-button .menu-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

html.no-touch .ui-menu-button .menu-item:first-child:hover:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -8px;
    font-size: 0;
    border-bottom: 9px solid #F7F8F9;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    z-index: 1
}

.ui-menu-button .menu-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.ui-menu-button .menu-item + .menu-item {
    border-top: 1px solid #f1f2f3
}

.ui-menu-button.reversed > menu {
    top: auto;
    left: auto;
    right: 0;
    bottom: 55px
}

.ui-menu-button.reversed > menu:before {
    top: auto;
    bottom: -10px;
    border-top: 9px solid rgba(0, 0, 0, .25);
    border-bottom: 0
}

.ui-menu-button.reversed > menu:after {
    top: auto;
    bottom: -9px;
    border-top: 9px solid #FFF;
    border-bottom: 0
}

.ui-menu-button.reversed > menu .menu-item:first-child:after {
    top: auto;
    bottom: -9px;
    border-top: 9px solid #F7F8F9;
    border-bottom: 0
}

.ui-menu-button.reversed.open > menu {
    -webkit-animation: pulldown;
    animation: pulldown
}

.ui-menu-button.open > menu {
    -webkit-animation: dropdown .2s;
    animation: dropdown .2s;
    visibility: visible;
    opacity: 1
}

.ui-menu-button.close > menu {
    visibility: hidden;
    opacity: 0
}

.modal-dialog {
    position: fixed;
    width: 420px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    z-index: 22
}

@media screen and (max-width: 420px) {
    .modal-dialog {
        width: 100%
    }
}

.modal-dialog.with-button > .modal-dialog-buttons {
    display: block
}

.modal-dialog-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .3)
}

.modal-dialog-title-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
    height: 54px;
    opacity: .65;
    cursor: pointer;
    -webkit-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.modal-dialog-title-close:hover {
    opacity: 1
}

.modal-dialog-title {
    position: relative;
    padding: 0 20px;
    height: 54px;
    cursor: move;
    border-bottom: 1px solid #edeeef;
    color: #9d9e9f
}

.modal-dialog-title-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 54px
}

.modal-dialog-content {
    padding: 15px 20px
}

.modal-dialog-buttons {
    padding: 0 20px;
    margin-bottom: 18px;
    text-align: right;
    background: #fff
}

.modal-dialog-buttons > button[name=cancel] {
    color: #9d9e9f
}

.modal-dialog-buttons > button[name] + button {
    margin-left: 1em
}

.modal-dialog-buttons:empty {
    display: none
}

.ui-popover {
    position: absolute
}

.ui-popover.overlay {
    pointer-events: none
}

.ui-progress-wrapper {
    height: 90px;
    background: #F7F8F9;
    width: 100%;
    position: relative
}

.ui-progress {
    position: relative;
    width: 200px;
    height: 10px;
    border: 3px solid #ccc;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ui-progress.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -100px
}

.ui-progress > .bar {
    transition: width ease-in .2s;
    background: #ccc;
    width: 0;
    height: 4px
}

.hc-actionbar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 4px;
    position: absolute;
    z-index: 110
}

.hc-actionbar:after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -7px;
    font-size: 0;
    border-bottom: 6px solid rgba(0, 0, 0, .75);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.hc-actionbar > .button {
    float: left;
    cursor: pointer;
    height: 42px;
    width: 42px;
    position: relative
}

.hc-actionbar > .button .icon {
    width: 17px;
    height: 17px;
    vertical-align: -10px;
    margin-left: 13px
}

.hc-actionbar > .button + .button {
    width: 43px
}

.hc-actionbar > .button + .button:before {
    content: "";
    width: 1px;
    height: 42px;
    font-size: 0;
    display: block;
    position: absolute;
    background: #FFF;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, .12);
    background-color: rgba(255, 255, 255, .045);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .12)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .12));
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .12));
    background-image: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .12));
    background-repeat: repeat-x
}

.hc-actionbar > .button.first {
    border-radius: 4px 0 0 4px
}

.hc-actionbar > .button.last {
    border-right: 0;
    border-radius: 0 4px 4px 0
}

@-webkit-keyframes spriteSpin {
    from {
        background-position: 0 0
    }
    to {
        background-position: -600px 0
    }
}

@-moz-keyframes spriteSpin {
    from {
        background-position: 0 0
    }
    to {
        background-position: -600px 0
    }
}

@-ms-keyframes spriteSpin {
    from {
        background-position: 0 0
    }
    to {
        background-position: -600px 0
    }
}

@keyframes spriteSpin {
    from {
        background-position: 0 0
    }
    to {
        background-position: -600px 0
    }
}

.ui-spinner {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px
}

.ui-spinner.use-css {
    background-image: url(http://z1.zhimg.com/images/spinner/22cba38e.spinner-circle-fade.png);
    -webkit-animation: spriteSpin .6s steps(12) infinite;
    animation: spriteSpin .6s steps(12) infinite
}

.ui-spinner.use-gif {
    background-image: url(http://z1.zhimg.com/images/spinner/1918b3a9.spinner-circle-fade.gif)
}

.ui-spinner.small {
    margin: 0;
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.6, M12=0, M21=0, M22=0.6, SizingMethod='auto expand')";
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.ui-spinner.half {
    margin: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.5, M12=0, M21=0, M22=0.5, SizingMethod='auto expand')";
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.ui-suggest {
    position: absolute;
    z-index: 100;
    width: 100%;
    margin-top: 15px;
    border: 1px solid #d2d3d4;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ui-suggest:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -8px;
    font-size: 0;
    border-bottom: 9px solid rgba(0, 0, 0, .25);
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.ui-suggest:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -8px;
    font-size: 0;
    border-bottom: 9px solid #FFF;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent
}

.ui-suggest > .row {
    cursor: pointer;
    padding: 0 12px;
    line-height: 44px;
    white-space: nowrap
}

.ui-suggest > .row:first-child:hover:after, .ui-suggest > .row:first-child.active:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    width: 0;
    height: 0;
    margin: 0 0 0 -8px;
    font-size: 0;
    border-bottom: 9px solid #F7F8F9;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    z-index: 1
}

.ui-suggest > .row .avatar {
    width: 25px;
    height: 25px;
    vertical-align: -7px;
    margin-right: 8px;
    border-radius: 13px
}

.ui-suggest > .row .name {
    font-size: 15px
}

.ui-suggest > .row + .row {
    border-top: 1px solid #f1f2f3
}

.ui-suggest > .row:first-child {
    border-radius: 4px 4px 0 0
}

.ui-suggest > .row:last-child {
    border-radius: 0 0 4px 4px
}

.ui-suggest > .row.active, .ui-suggest > .row:hover {
    background-color: #f7f8f9
}

.tabs-nav {
    border-bottom: 1px solid #DDDEDF;
    margin-bottom: 40px;
    height: 48px
}

.tabs-nav .tabs-anchor {
    margin-bottom: -1px;
    float: left;
    padding: 10px 20px;
    color: #9d9e9f;
    -webkit-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out;
    border: 1px solid #fff;
    border-bottom: 0
}

.tabs-nav .tabs-anchor.active {
    color: #666768;
    border: 1px solid #DDDEDF;
    border-bottom: 1px solid #fff;
    border-radius: 4px 4px 0 0
}

.tabs-nav .tabs-anchor:hover {
    text-decoration: none;
    color: #666768
}

.tags li {
    position: relative;
    display: inline-block;
    list-style: none;
    margin-right: 15px
}

.tags .inner-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tags .tag-link {
    padding: 0 28px 0 8px;
    color: #9d9e9f;
    border-radius: 4px;
    font-size: 15px;
    line-height: 31px;
    -webkit-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #d6d7d8;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    display: inline-block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.tags .tag-link:hover {
    text-decoration: none;
    background: #f6f6f6
}

.tags .tag-link:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    background-color: #fbfbfb
}

.tags .remove-tag {
    cursor: pointer;
    position: absolute;
    width: 18px;
    height: 18px;
    right: 7px;
    top: 7px
}

.tags .remove-tag .icon {
    position: absolute;
    top: 0;
    left: 0
}

.goog-toolbar {
    cursor: default;
    outline: 0;
    position: relative;
    zoom: 1;
    border: 1px solid #f1f2f3;
    border-top: 0
}

.goog-toolbar-separator {
    background-color: #f8f9fa;
    width: 1px;
    margin: 0 8px;
    height: 36px;
    vertical-align: 3px
}

.goog-inline-block {
    display: inline-block;
    position: relative;
    *display: block;
    *display: inline !important;
    *zoom: 1
}

.goog-toolbar-button, .goog-toolbar-menu-button {
    padding: 0;
    border: 0;
    font-family: Arial, sans-serif;
    color: #222;
    text-decoration: none;
    list-style: none;
    vertical-align: middle;
    cursor: default;
    outline: 0
}

.goog-toolbar-button-outer-box, .goog-toolbar-button-inner-box, .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-inner-box {
    border: 0;
    vertical-align: top
}

.goog-toolbar-button-outer-box, .goog-toolbar-menu-button-outer-box {
    margin: 0;
    padding: 1px 0
}

.goog-toolbar-button-inner-box, .goog-toolbar-menu-button-inner-box {
    margin: 0 -1px;
    padding: 3px 4px
}

.goog-toolbar-button-hover .goog-toolbar-button-outer-box, .goog-toolbar-button-active .goog-toolbar-button-outer-box, .goog-toolbar-button-checked .goog-toolbar-button-outer-box, .goog-toolbar-button-selected .goog-toolbar-button-outer-box, .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box, .goog-toolbar-select .goog-toolbar-menu-button-outer-box {
    padding: 0
}

.goog-toolbar-button-hover .goog-toolbar-button-inner-box, .goog-toolbar-button-active .goog-toolbar-button-inner-box, .goog-toolbar-button-checked .goog-toolbar-button-inner-box, .goog-toolbar-button-selected .goog-toolbar-button-inner-box, .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box, .goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box, .goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box, .goog-toolbar-select .goog-toolbar-menu-button-inner-box {
    padding: 10px
}

.goog-toolbar-button-hover .goog-toolbar-button-outer-box, .goog-toolbar-button-hover .goog-toolbar-button-inner-box, .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
    border-color: #d1d2d3 !important
}

.goog-toolbar-button-checked .goog-toolbar-button-outer-box, .goog-toolbar-button-hover .goog-toolbar-button-outer-box {
    margin: 0;
    padding: 0;
    border: 0 none;
    border-width: 0
}

.goog-toolbar-button-outer-box, .goog-toolbar-menu-button-outer-box {
    margin: 0;
    padding: 0;
    border: 0 none
}

.goog-toolbar-button-inner-box, .goog-toolbar-menu-button-inner-box {
    margin: 0;
    padding: 10px;
    cursor: pointer
}

.goog-toolbar-button-hover .goog-toolbar-button-inner-box, .goog-toolbar-button-active .goog-toolbar-button-inner-box, .goog-toolbar-button-checked .goog-toolbar-button-inner-box, .goog-toolbar-button-selected .goog-toolbar-button-inner-box, .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box, .goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box, .goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box, .goog-toolbar-select .goog-toolbar-menu-button-inner-box {
    background-color: #f6f6f6
}

.goog-toolbar-button.goog-toolbar-button-checked .goog-inline-block.goog-toolbar-button-inner-box {
    background-color: #f6f7f8
}

.goog-toolbar-button-active .goog-toolbar-button-inner-box {
    background-color: #ebeced;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset
}

.tr-icon {
    width: 16px;
    height: 16px;
    display: block
}

.tr-bold {
    background-position: 0 -379px
}

.tr-italic {
    background-position: -16px -379px
}

.tr-underline {
    background-position: -32px -379px
}

.tr-header {
    background-position: -48px -379px
}

.tr-blockquote {
    background-position: -96px -379px
}

.tr-code {
    background-position: -112px -379px
}

.tr-insertOrderedList {
    background-position: -128px -379px
}

.tr-insertUnorderedList {
    background-position: -144px -379px
}

.tr-image {
    background-position: -64px -379px
}

.tr-video {
    background-position: -80px -379px
}

.tr-removeFormat {
    background-position: -160px -379px
}

.tr-link {
    background-position: -176px -379px
}

.tr-equation {
    background-position: -192px -379px
}

.zm-editable-toolbar-container {
    position: relative
}

.tr-spinner {
    position: absolute;
    top: 12px;
    right: 40px;
    opacity: .85;
    overflow: hidden
}

#zu-distraction-free-editor .tr-max {
    background-position: -208px -127px
}

#toggleFullScreen {
    float: right;
    margin: 0
}

.goog-toolbar-button.goog-toolbar-button-hover .tr-icon, .goog-toolbar-button.goog-toolbar-button-active .tr-icon, .goog-toolbar-button.goog-toolbar-button-checked .tr-icon {
    opacity: 1
}

.tr-icon {
    opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.goog-toolbar-button-active .tr-icon {
    background-color: #ebeced !important
}

.goog-toolbar-button-checked .tr-icon {
    background-color: #f6f7f8 !important
}

.goog-toolbar-button-disabled .tr-icon {
    opacity: .3;
    filter: alpha(opacity=30)
}

.video-box {
    position: relative;
    margin: 12px 0;
    width: 100%;
    min-height: 139px;
    border: solid 1px #ddd;
    cursor: pointer
}

.video-box .video-box-inner {
    padding: 20px;
    overflow: hidden
}

.video-box .video-thumb {
    position: relative;
    float: left
}

.video-box .video-thumb, .video-box .video-thumbnail, .video-box .video-play-icon {
    margin: 0;
    width: 132px;
    height: 99px;
    border: 0
}

.video-box .video-title {
    font-weight: 400;
    color: #555
}

.video-box .video-play-icon {
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://z1.zhimg.com/images/big/ee82a497.play-icon.png) no-repeat center;
    opacity: .8
}

html.no-touch .video-box:hover .video-play-icon {
    opacity: .99
}

.video-box .video-url {
    margin: .5em 0 0;
    color: #999;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.video-box .video-box-body {
    margin-left: 152px;
    overflow: hidden
}

.video-player-box .video {
    margin: 6px 0;
    display: block;
    width: 100%;
    height: 377.5px;
    zoom: 1
}

.video-player-box .video-player-foot {
    line-height: 2em
}

.video-player-box .video-player-close {
    display: inline-block;
    color: #666768
}

.video-player-box .icon-fold {
    margin-right: 10px;
    width: 8px;
    height: 9px;
    background-position: -135px -22px;
    vertical-align: 2px
}

img[eeimg] {
    max-width: 100%;
    vertical-align: middle
}

img[eeimg="1"] {
    display: inline-block !important;
    margin: 0 3px !important
}

img[eeimg="2"] {
    margin: 10px auto !important;
    display: block !important
}

.ee-modal-dialog {
    width: 475px
}

.ee-displaymath {
    text-align: center
}

.ee-content {
    background: #fff;
    border: 1px solid #369;
    overflow: auto;
    padding: 4px 8px
}

.ee-menu-palette, .ee-tex {
    border: 1px solid #ccc
}

.ee-menu-palette {
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#efefef));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #efefef);
    background-image: -moz-linear-gradient(top, #f5f5f5, #efefef);
    background-image: linear-gradient(top, #f5f5f5, #efefef);
    background-repeat: repeat-x;
    padding: 4px
}

.ee-tex {
    padding: 8px;
    box-sizing: border-box;
    width: 100% !important;
    display: block;
    height: 4.5em;
    border-top: 0
}

.ee-section-title {
    margin: 10px 0;
    font-weight: 700
}

.ee-section-title:first-child {
    margin-top: 0
}

.ee-section-title-floating {
    float: left
}

#ee-section-learn-more {
    float: right
}

.ee-preview-container {
    border: 1px dashed #ccc;
    height: 80px;
    margin: 10px 0;
    padding: 8px;
    overflow: auto
}

.ee-warning {
    color: red
}

.ee-palette {
    border: 1px solid #aaa;
    left: 0;
    outline: 0;
    position: absolute
}

.ee-palette-table {
    border: 0;
    border-collapse: separate
}

.ee-palette-cell {
    background: #fff;
    border: 1px solid #FFF;
    margin: 0;
    padding: 1px
}

.ee-palette-cell-hover {
    background: #e2ecf9 !important;
    border: 1px solid #8db5e8;
    padding: 1px
}

.ee-palette-cell-selected {
    background: #f0f0f0;
    border: 1px solid #ccc !important;
    padding: 1px
}

.ee-menu-palette-table {
    margin-right: 10px
}

.ee-menu-palette {
    outline: 0;
    padding-top: 2px;
    background-image: -webkit-linear-gradient(top, #F5F5F5, #EFEFEF)
}

.ee-menu-palette-cell {
    background: #f0f0f0 none repeat scroll 0 0;
    border-color: #ddd;
    border-style: solid;
    border-width: 0;
    padding-right: 4px
}

.ee-menu-palette-cell-hover, .ee-menu-palette-cell-selected {
    border-color: #d1d1d1 !important;
    background: #f0f0f0
}

.ee-menu-palette-cell-hover .ee-menu-palette-item {
    border: 1px solid #ccc
}

.ee-palette-item, .ee-menu-palette-item {
    border-radius: 2px;
    padding: 2px 0 0;
    margin: 2px 0 0;
    border: 1px solid transparent;
    background-image: url(http://z1.zhimg.com/images/e455fcc4.ee-palettes.png)
}

div.tr_bubble {
    position: absolute;
    background-color: #f0f0f0;
    border: 1px solid #b0b0b0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    border-radius: 4px;
    font-size: 83%;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
    overflow: hidden
}

.tr_bubble_link {
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    padding: 6px;
    color: #00c;
    text-decoration: underline;
    cursor: pointer;
    font-size: 100%;
    border-right: 1px solid #b0b0b0
}

.tr_bubble_link:hover {
    background: #f8f8f8
}

.tr_bubble_link:active {
    background: #e3e3e3;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1) inset
}

.tr_bubble_link:first-child {
    border-radius: 4px 0 0 4px
}

.tr_bubble_link:last-child {
    border-right: 0;
    border-radius: 0 4px 4px 0
}

.tr_bubble_link .zg-icon {
    text-indent: -9999px;
    vertical-align: 0
}

.tr_bubble_panel_content {
    overflow: hidden
}

.tr_bubble .tr_option-link, .tr_bubble #tr_delete-image, .tr_bubble #tr_module-options-link {
    font-size: 83%
}

.tr_bubble_closebox {
    display: none
}

div.tr_bubble_panel_title {
    display: none
}

div.tr_multi_bubble div.tr_bubble_panel_title {
    margin-right: 1px;
    display: block;
    float: left;
    width: 50px
}

div.tr_multi_bubble div.tr_bubble_panel {
    padding: 2px 0 1px;
    margin-right: 50px
}

.fx-fade.ng-hide-remove, .fx-fade.ng-hide-add {
    -webkit-transition: opacity ease-in-out .2s;
    -moz-transition: opacity ease-in-out .2s;
    -o-transition: opacity ease-in-out .2s;
    transition: opacity ease-in-out .2s
}

.fx-fade.ng-hide-remove, .fx-fade.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    display: block !important
}

.fx-fade.ng-hide-add, .fx-fade.ng-hide-remove.ng-hide-remove-active {
    opacity: 1
}

.activate-dialog .actions {
    font-size: .9em
}

.activate-dialog .center {
    margin: 1.5em 0;
    text-align: center
}

.activate-dialog hr {
    border-width: 0;
    border-top: 1px solid #DDDEDF
}

.activate-dialog .mute {
    color: #666768
}

.navbar {
    position: relative;
    height: 54px;
    line-height: 54px;
    text-shadow: 0 1px 0 #FFF;
    border-bottom: 1px solid #DEDDDF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04), inset 0 1px 0 #FFF;
    background-color: #fafbfc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfdfe), to(#f8f9fa));
    background-image: -webkit-linear-gradient(top, #fcfdfe, #f8f9fa);
    background-image: -moz-linear-gradient(top, #fcfdfe, #f8f9fa);
    background-image: linear-gradient(top, #fcfdfe, #f8f9fa);
    background-repeat: repeat-x
}

.navbar.expanded {
    height: 120px
}

.navbar-logo-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 54px;
    height: 54px
}

@media screen and (max-width: 600px) {
    .navbar-logo-container {
        display: none
    }
}

.navbar-logo-container .logo {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .6;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.navbar-logo-container .logo:hover {
    opacity: 1
}

.navbar-login {
    float: right;
    padding: 0 17px;
    margin-right: -17px;
    color: #666768;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

@media screen and (max-width: 600px) {
    .navbar-login {
        margin-right: 0
    }
}

@media screen and (max-width: 420px) {
    .navbar-login {
        width: 54px;
        height: 54px;
        padding: 0;
        text-indent: -9999px;
        position: relative
    }

    .navbar-login .icon-navbar-login {
        position: absolute;
        top: 18px;
        left: 17px;
        width: 19px
    }
}

.navbar-login:hover {
    text-decoration: none;
    background-color: #edeeef
}

.navbar-login .icon-navbar-login {
    width: 19px;
    height: 21px;
    margin-right: 8px;
    vertical-align: -5px
}

.navbar-write-container, .navbar-drafts-container {
    position: relative;
    float: right;
    width: 54px;
    height: 54px
}

@media screen and (max-width: 420px) {
    .navbar-write-container, .navbar-drafts-container {
        display: none
    }
}

.navbar-write-container > a, .navbar-drafts-container > a {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0;
    left: 0
}

.navbar-write-container > a:hover, .navbar-drafts-container > a:hover {
    background-color: #edeeef
}

.navbar-write-container .icon, .navbar-drafts-container .icon {
    width: 54px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.navbar-menu-container {
    position: relative;
    float: right;
    width: 54px;
    height: 54px;
    margin-right: -15px
}

@media screen and (max-width: 600px) {
    .navbar-menu-container {
        margin-right: 0
    }
}

.navbar-menu-container .icon-navbar-menu {
    width: 54px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.navbar-menu-container .avatar {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    vertical-align: -4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .6);
    margin: 0 12px 0 -2px
}

.navbar-menu-container .menu-button {
    display: block
}

.navbar-menu-container.open .menu-button {
    background-color: #edeeef
}

.navbar-menu {
    left: auto !important;
    right: 50%;
    margin-right: -27px
}

@media screen and (max-width: 600px) {
    .navbar-menu {
        left: -84px
    }
}

.navbar-menu:before, .navbar-menu:after, .navbar-menu .menu-item:first-child:after {
    margin: 0 18px 0 0 !important;
    left: auto !important;
    right: 0
}

.navbar-menu .menu-item {
    line-height: 54px;
    min-width: 94px;
    max-width: 126px
}

.navbar-menu .menu-item .icon {
    width: 18px;
    height: 18px;
    margin-right: 12px;
    vertical-align: -3px
}

.breadcrumb {
    margin-left: -17px
}

.breadcrumb .column-name .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
    max-width: 260px
}

@media screen and (max-width: 600px) {
    .breadcrumb {
        margin-left: 0
    }

    .breadcrumb .column-name .name {
        max-width: 145px
    }
}

@media screen and (max-width: 420px) {
    .breadcrumb .breadcrumb-devider + .breadcrumb-item {
        display: none
    }
}

.breadcrumb li {
    float: left;
    padding: 0;
    height: 54px;
    line-height: 54px;
    list-style: none
}

.breadcrumb .breadcrumb-item > .link, .breadcrumb .breadcrumb-item > .name {
    padding: 0 17px;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.column-view .breadcrumb .breadcrumb-item > .link {
    cursor: default
}

.breadcrumb .breadcrumb-item > .link:hover {
    background-color: #edeeef
}

.column-view .breadcrumb .breadcrumb-item > .link:hover {
    background-color: transparent
}

.breadcrumb .breadcrumb-item img {
    margin-right: 10px
}

.breadcrumb .breadcrumb-devider {
    border-right: 1px solid #e9f1f2
}

.breadcrumb .link {
    display: block
}

.breadcrumb .link:hover {
    text-decoration: none
}

.breadcrumb .name {
    color: #666768
}

.breadcrumb .btn.normal {
    margin-left: 12px;
    margin-top: 12px;
    float: right
}

.column-info .name {
    font-size: 16px;
    line-height: 54px;
    font-weight: 400;
    display: inline-block
}

.column-info .name a {
    color: #666
}

.column-info .avatar {
    float: left;
    margin-top: 35px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2), 0 1px 0 #fff
}

.column-info .body {
    float: left;
    margin-left: 18px;
    margin-top: 18px
}

.column-info .name {
    color: #666
}

.column-info .desc {
    color: #9d9e9f;
    margin-top: 2px;
    width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.column-info .meta {
    color: #9d9e9f;
    font-size: 14px;
    margin-top: 4px
}

.column-info .follow-section {
    position: absolute;
    right: 0;
    margin-top: 12px
}

.column-info .follow-count {
    color: #9d9e9f;
    font-size: 14px
}

.column-info .follow {
    margin-left: 10px
}

.column-info.collapsed .name {
    padding: 0 20px;
    line-height: 54px
}

.column-info.collapsed .name a {
    display: block
}

.column-info.collapsed .name:hover {
    background: #fff
}

.column-info.collapsed .name:hover a {
    text-decoration: none
}

.column-info.expanded .name {
    line-height: 1
}

.column-info.expanded .follow-section {
    margin-top: 46px
}

.sidebar {
    width: 170px;
    position: absolute;
    top: 0;
    right: -230px
}

@media screen and (max-width: 1060px) {
    .sidebar {
        width: auto;
        position: relative;
        right: 0;
        margin-top: 35px;
        padding-top: 30px;
        border-top: 1px solid #edeeef
    }
}

@media screen and (max-width: 600px) {
    .sidebar .block {
        padding-left: 17px;
        padding-right: 17px
    }
}

.sidebar .block + .block {
    border-top: 1px solid #f1f2f3;
    margin-top: 20px;
    padding-top: 20px
}

.column-about .avatar-link {
    width: 100px;
    height: 100px;
    margin-bottom: 25px;
    display: inline-block
}

.column-about .title {
    font-size: 18px;
    margin-bottom: 5px;
    color: #414243;
    display: block
}

.column-about .followers, .column-about .followers a {
    color: #9d9e9f
}

.column-about .followers {
    margin-bottom: 5px;
    font-size: 15px
}

.column-about .btn-white {
    margin: 10px 0 18px;
    line-height: 36px
}

.column-about .btn-white .icon {
    vertical-align: -2px;
    margin-right: 6px
}

.column-about .description {
    font-size: 15px;
    white-space: pre-wrap
}

.column-about .description > a {
    word-break: break-all
}

.author-block .avatar {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    margin-bottom: 20px
}

.author-block .link {
    color: #414243
}

.author-block .name {
    display: block;
    white-space: nowrap;
    font-size: 18px
}

.author-block .bio, .author-block .desc {
    font-size: 15px
}

.author-block .bio {
    margin-top: 5px
}

.author-block .desc {
    color: #9d9e9f;
    margin-top: 5px;
    white-space: pre-wrap
}

.author-block .devider {
    margin: 10px 0;
    border-bottom: 1px dotted #edeeef
}

.rel-topics {
    margin-top: 22px;
    padding: 25px 0 3px
}

.rel-topics .topic {
    list-style: none;
    display: block
}

.rel-topics .topic .topic-inner-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rel-topics .topic + li {
    margin-top: 15px
}

.rel-topics .topic.canedit .topic-link {
    padding-right: 28px
}

.rel-topics .topic .remove-topic {
    cursor: pointer;
    position: absolute;
    width: 18px;
    height: 18px;
    right: 7px;
    top: 7px
}

.rel-topics .topic .remove-topic .icon {
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width: 600px) {
    .rel-topics .topic {
        float: left;
        margin-top: 15px;
        margin-right: 20px
    }
}

.rel-topics .topic-link {
    padding: 0 8px;
    color: #9d9e9f;
    border-radius: 4px;
    font-size: 15px;
    line-height: 31px;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #d6d7d8;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    display: inline-block;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.rel-topics .topic-link:hover {
    text-decoration: none;
    background: #f6f6f6
}

.rel-topics .topic-link:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    background-color: #fbfbfb
}

.rel-topics > ul + .add-topic {
    margin-top: 15px
}

.add-topic {
    display: inline-block;
    position: relative
}

.add-topic input {
    padding: 5px 8px 5px 29px;
    font-size: 15px;
    border: 1px solid #DDDEDF;
    border-radius: 4px;
    line-height: 19px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

.add-topic input:focus {
    border: 1px solid #d6d7d8;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05)
}

.add-topic .icon-magnify {
    position: absolute;
    left: 11px;
    top: 9px
}

.add-topic .ui-suggest {
    margin-top: 15px
}

.login-dialog > .modal-dialog-content {
    padding: 0
}

.login-dialog .signup {
    text-align: center;
    padding: 10px 0 20px;
    color: #666768;
    text-shadow: none;
    box-shadow: none;
    border-width: 1px 0;
    display: block;
    -webkit-transition: all .05s ease-in-out;
    text-shadow: 0 1px 0 #fff;
    text-decoration: underline
}

.login-form-wrapper {
    margin: 25px 0 10px;
    text-align: center
}

.login-form-wrapper .login-button {
    display: inline-block;
    margin: 0 auto;
    width: 156px;
    text-align: center
}

.login-form-wrapper .login-button .icon-weibo {
    vertical-align: -2px
}

.login-form-wrapper .login-button .icon-mail {
    vertical-align: -4px
}

.login-form-wrapper .login-button:hover {
    text-decoration: none
}

.login-form-wrapper .login-button + .login-button {
    margin-left: 20px
}

@media screen and (max-width: 420px) {
    .login-form-wrapper .login-button + .login-button {
        margin: 20px auto 0;
        display: block
    }
}

.comment-box .box-header {
    border-top: 1px solid #f1f2f3;
    font-size: 15px;
    color: #9d9e9f;
    padding: 30px 0 10px;
    position: relative
}

.comment-box .box-header .icon {
    margin-right: 8px;
    vertical-align: -3px
}

.comment-box .box-header a.comment-options {
    margin-left: 10px
}

@media screen and (max-width: 600px) {
    .comment-box .box-header {
        padding-left: 17px;
        padding-right: 17px
    }
}

.comment-box .load-more {
    height: 26px;
    margin-top: 15px;
    padding-top: 24px;
    text-align: center;
    font-size: 15px;
    border-top: solid 1px #f1f2f3
}

.comment-box .load-more a {
    color: #9d9e9f
}

.comment-box .ui-spinner {
    margin: 0 auto
}

.comment-box .ui-spinner.small {
    position: relative;
    left: 10px
}

.comment-box.empty.cannot-comment {
    border: 1px solid #ddd
}

.comment-box.cannot-comment .editable, .comment-box.cannot-comment .editable, .comment-box.comment-box.cannot-comment .command, .comment-box.comment-box.cannot-comment .op-link.reply {
    display: none !important
}

.comment-box.empty.cannot-comment .comment-form {
    margin: 0
}

.comment-box.empty.cannot-comment .comment-box-ft {
    background: #fff
}

.comment-box.empty.cannot-comment .comment-box-ft, .comment-box .comment-box-ft {
    position: relative;
    margin-top: 24px
}

.comment-box .avatar {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    float: left
}

.comment-box .message {
    margin-top: 24px;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    background: #F7F8F9;
    color: #9d9e9f
}

.comment-item {
    position: relative;
    list-style: none;
    outline: 0;
    padding-top: 15px
}

.comment-item + .comment-item {
    margin-top: 15px;
    border-top: solid 1px #f1f2f3
}

@media screen and (max-width: 600px) {
    .comment-item {
        padding-left: 17px;
        padding-right: 17px
    }
}

.comment-item > .avatar-link {
    float: left;
    margin: 4px 0 0
}

.comment-item > .comment-body {
    margin: 0 0 0 60px
}

.comment-item .comment-content {
    min-height: 22px;
    font-size: 15px;
    word-wrap: break-word
}

.comment-item .comment-hd, .comment-item .comment-ft {
    color: #9d9e9f
}

.comment-item .comment-hd .desc, .comment-item .comment-ft .desc {
    font-size: 15px
}

.comment-item .comment-ft {
    font-size: 15px
}

.comment-item .op-link {
    color: #9d9e9f;
    font-size: 15px;
    margin-left: 12px
}

html.no-touch .comment-item .op-link {
    visibility: hidden
}

.comment-item .op-link .icon {
    margin-right: 6px;
    vertical-align: -2px;
    width: 15px;
    height: 15px
}

@media screen and (max-width: 420px) {
    .comment-item .op-link .icon {
        display: none
    }
}

.comment-item .like-num {
    float: right
}

.comment-item .like-num.nil {
    display: none
}

.comment-item.focusin a.op-link, html.no-touch .comment-item:hover .op-link {
    visibility: visible
}

.comment-form {
}

.comment-form.comment-reply-form {
    padding: 20px 0
}

.comment-form > .editable {
    padding: 6px 12px;
    font-size: 16px;
    min-height: 18px;
    line-height: 26px;
    white-space: pre-wrap;
    color: #222;
    cursor: text;
    border: 1px solid #DDD;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05) inset
}

.comment-form > .editable:focus {
    border: 1px solid #ccc
}

.comment-form > .command {
    display: none;
    margin-top: 20px;
    padding-bottom: 0;
    text-align: right
}

.comment-form > .command .save {
    float: right
}

.comment-form > .command .cancel {
    color: #9d9e9f;
    vertical-align: -7px;
    margin-right: 10px
}

.comment-form.expanded .command {
    display: block
}

.comment-form > .avatar + .editable {
    margin-left: 60px
}

@media screen and (max-width: 600px) {
    .comment-form {
        padding-left: 17px;
        padding-right: 17px
    }
}

.report-form .options > li {
    list-style: none;
    display: block;
    line-height: 2;
    color: #666768
}

.report-form .options input {
    margin-right: 10px;
    vertical-align: 1px
}

.report-form .reason-text {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 18px
}

.report-form .error-container {
    margin: 5px 0 0;
    color: #fa8282
}

.report-form .input-container {
    position: relative
}

.report-form .footnote {
    position: absolute;
    bottom: 22px;
    color: #9d9e9f
}

.modal-dialog.columns-selector > .modal-dialog-content {
    padding: 0
}

.column-item {
    background: #fff;
    height: 80px;
    display: block;
    text-shadow: 0 1px 0 #fff;
    position: relative;
    color: #666768
}

.column-item .avatar {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .2), 0 1px 0 #fff;
    float: left;
    margin: 15px 18px 0 20px
}

.column-item .column-content {
    float: left;
    margin-top: 14px
}

.column-item .column-content .article-count {
    color: #9d9e9f;
    margin-top: 3px;
    font-size: 14px
}

.column-item .icon-go {
    position: absolute;
    top: 27px;
    right: 19px;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.column-item .icon-create-column {
    float: left;
    margin: 15px 18px 0 20px;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.column-item:hover {
    text-decoration: none
}

.column-item:hover .icon {
    opacity: 1;
    filter: alpha(opacity=100)
}

.column-item:nth-child(odd) {
    background: #f4f5f6
}

.column-item:last-child {
    border-radius: 0 0 6px 6px
}

.column-item.create-column {
    padding: 0
}

.column-item.create-column .text {
    margin-left: 83px;
    line-height: 80px
}

.browsehappy {
    font-size: 1.2em;
    margin-top: 10%;
    text-align: center
}

.share-dialog-content .share-dialog-section {
    margin-bottom: 16px;
    width: 100%
}

.share-dialog-content .share-dialog-textarea {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05) inset;
    border: 1px solid #ddd;
    padding: 8px 12px;
    height: 86px;
    outline: 0;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.items-container {
    min-height: 400px
}

.posts-end {
    margin: 80px auto;
    text-align: center
}

.posts-end .icon-posts-end {
    height: 50px;
    width: 62px
}

.item {
    list-style: none
}

.item + .item {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid #edeeef
}

.draft-list .item {
    padding-top: 25px
}

.item-with-title-img + .item {
    margin-top: 40px;
    padding-top: 30px
}

.item + .item-with-title-img {
    margin-top: 30px;
    padding-top: 40px
}

@media screen and (max-width: 600px) {
    .item {
        padding-left: 17px;
        padding-right: 17px
    }

    .item:first-child:not(.item-with-title-img) {
        margin-top: 25px
    }
}

.item-with-title-img + .item-with-title-img {
    margin-top: 30px;
    padding-top: 30px;
    border: 0
}

.item-with-title-img header {
    position: relative;
    padding: 270px 22px 22px;
    cursor: pointer;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .01) 40%), to(rgba(0, 0, 0, .7) 80%));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .01) 40%, rgba(0, 0, 0, .7) 80%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .01) 40%, rgba(0, 0, 0, .7) 80%);
    background-image: linear-gradient(top, rgba(0, 0, 0, .01) 40%, rgba(0, 0, 0, .7) 80%);
    background-repeat: repeat-x
}

@media screen and (max-width: 420px) {
    .item-with-title-img header {
        padding-top: 180px;
        padding: 270px 17px 22px
    }
}

.item-with-title-img header:hover {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .03) 40%), to(rgba(0, 0, 0, .6) 80%));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .03) 40%, rgba(0, 0, 0, .6) 80%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .03) 40%, rgba(0, 0, 0, .6) 80%);
    background-image: linear-gradient(top, rgba(0, 0, 0, .03) 40%, rgba(0, 0, 0, .6) 80%);
    background-repeat: repeat-x
}

.item-with-title-img header > .ui-spinner {
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: -3
}

.item-with-title-img .entry-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.item-with-title-img .entry-meta, .item-with-title-img .linked-post-link-wrapper {
    position: relative;
    z-index: 1
}

.item-with-title-img .entry-meta .icon-comment {
    width: 16px;
    height: 17px;
    margin-right: 8px;
    margin-left: -2px;
    vertical-align: -4px
}

.item-with-title-img .entry-title {
    word-wrap: break-word
}

.item-with-title-img .entry-title > a {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    text-decoration: none
}

.item-with-title-img .entry-meta, .item-with-title-img .entry-meta .name, .item-with-title-img .entry-meta .comment, .item-with-title-img .linked-post-link-wrapper .link {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    opacity: .95
}

.item-with-title-img .linked-post-link-wrapper .link:hover {
    color: #fff;
    text-decoration: underline
}

.item-with-title-img .linked-post-link-wrapper .link .icon-linked-post {
    opacity: .95
}

@media screen and (max-width: 600px) {
    .item-with-title-img {
        padding: 0
    }
}

.title-img-preview {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.vote-num {
    font-size: 15px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .05);
    color: #9d9e9f;
    padding: 1px 10px;
    border-radius: 4px;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out;
    display: inline-block;
    border: 1px solid #d6d7d8;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    line-height: 27px
}

.vote-num .icon-voteup {
    display: none
}

.hentry .vote-num {
    float: right;
    margin: 5px 0 0 20px
}

.entry-controls .vote-num {
    float: left;
    line-height: 36px;
    padding: 0 14px;
    margin-top: -6px
}

.item-with-title-img .vote-num {
    border: 1px solid #fff;
    border: 0;
    color: #fff;
    box-shadow: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
    position: absolute;
    padding: 0;
    right: 17px;
    bottom: 17px
}

.item-with-title-img .vote-num .icon-voteup {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: -2px;
    margin-right: 8px
}

.item-with-title-img .vote-num:hover {
    background: 0 0;
    border: 0
}

.vote-num:hover {
    text-decoration: none;
    background-color: #fbfbfb
}

.vote-num:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    background-color: #FBFBFB
}

.linked-post-link-wrapper {
    margin-bottom: 8px
}

.linked-post-link-wrapper .link {
    display: inline-block;
    color: #9d9e9f;
    font-size: 15px;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.linked-post-link-wrapper .link .icon-linked-post {
    margin-right: 6px;
    vertical-align: -4px;
    opacity: .45;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.linked-post-link-wrapper .link:hover {
    text-decoration: none;
    color: #666768
}

.linked-post-link-wrapper .link:hover .icon-linked-post {
    opacity: 1
}

.entry-title, .entry-title > a {
    margin: 0;
    color: #414243;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.4;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.entry-title > i, .entry-title > a > i {
    margin-left: .5em;
    vertical-align: 1px
}

.entry-meta {
    margin: 8px 0 -5px;
    font-size: 15px
}

.entry-meta, .entry-meta .name, .entry-meta .comment {
    color: #9d9e9f
}

.entry-meta .comment {
    margin-left: 10px
}

.entry-meta .icon-comment {
    vertical-align: -3px;
    margin-right: 6px
}

.entry-summary {
    margin: 15px 0
}

.entry-summary .read-all {
    color: #9d9e9f;
    margin-left: 6px;
    display: inline-block
}

.entry-summary .read-all .icon {
    margin-left: 6px;
    vertical-align: -4px
}

.entry-summary a {
    color: #414243;
    display: block;
    word-break: break-all
}

.entry-summary a:hover {
    text-decoration: none
}

.draft-list .delete {
    color: #9d9e9f;
    text-indent: -9999px;
    margin-left: 10px
}

.draft-list .delete .icon {
    vertical-align: -3px
}

.fx-draft-item-fade.ng-leave {
    -webkit-transition: 300ms ease-out all;
    -moz-transition: 300ms ease-out all;
    -o-transition: 300ms ease-out all;
    transition: 300ms ease-out all;
    position: relative;
    display: block
}

.fx-draft-item-fade.ng-leave {
    opacity: 1;
    max-height: 300px
}

.fx-draft-item-fade.ng-leave.ng-leave-active {
    opacity: 0;
    max-height: 0
}

.delete-draft {
    float: right;
    font-size: 15px;
    margin-top: 2px;
    color: #9d9e9f
}

.draft-list .item .censoring {
    color: #f57373
}

.right-bottom-corner {
    position: fixed;
    right: 30px;
    bottom: 30px
}

@media screen and (max-width: 600px) {
    .post-view header, .post-view .entry-content {
        padding-left: 17px;
        padding-right: 17px
    }

    .post-view .entry {
        margin-top: 25px
    }
}

.post-view .entry-controls {
    margin: 40px 0;
    text-align: right
}

@media screen and (max-width: 420px) {
    .post-view .entry-controls {
        text-align: left
    }
}

@media screen and (max-width: 600px) {
    .post-view .entry-controls {
        padding-left: 17px;
        padding-right: 17px
    }
}

.post-view .entry-title-image {
    margin-bottom: 35px;
    position: relative
}

@media screen and (max-width: 600px) {
    .post-view .entry-title-image {
        margin-left: -17px;
        margin-right: -17px;
        margin-top: -25px
    }
}

.post-view .entry-title-image img {
    display: block;
    width: 100%;
    margin: 0 auto
}

.post-view .entry-title-image:hover .img-captions {
    opacity: .8
}

.post-view .entry-title-image .img-captions {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 4px 0 0;
    font-size: 12px;
    padding: 2px 6px;
    color: #fff;
    opacity: .4;
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.post-view .entry-meta {
    margin: 15px 0 0
}

.post-view .entry-meta .avatar-small {
    margin-right: 12px;
    margin-top: -5px
}

.entry-content {
    margin: 20px 0
}

.entry-warning {
    margin-top: 20px;
    padding: 5px 10px;
    border-radius: 4px
}

.entry-warning {
    position: relative;
    background: #ffe;
    border: 1px solid #d6d7d8
}

.entry-warning.with-arrow:after, .entry-warning.with-arrow:before {
    top: 100%;
    left: 3em;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.entry-warning.with-arrow:after {
    border-color: rgba(255, 255, 238, 0);
    border-top-color: #ffe;
    border-width: 8px;
    margin-left: -8px
}

.entry-warning.with-arrow:before {
    border-color: rgba(214, 215, 216, 0);
    border-top-color: #d6d7d8;
    border-width: 9px;
    margin-left: -9px
}

.editable p, .entry-content p {
    margin: 20px 0
}

.editable ul + br, .editable ol + br, .editable p + br, .entry-content ul + br, .entry-content ol + br, .entry-content p + br {
    display: none
}

.editable h1, .editable h2, .editable h3, .editable h4, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
    margin: 20px 0;
    font-size: 24px;
    font-weight: 400
}

.editable blockquote, .editable ul, .editable ol, .entry-content blockquote, .entry-content ul, .entry-content ol {
    margin: 20px 0
}

.editable img, .entry-content img {
    max-width: 100%;
    display: block;
    margin: 20px auto 30px
}

.editable blockquote, .entry-content blockquote {
    padding-left: 1.2em;
    border-left: 4px solid #e2e3e4
}

.editable li, .entry-content li {
    margin-top: 10px
}

.editable ul, .editable ol, .entry-content ul, .entry-content ol {
    padding-left: 24px
}

.editable embed, .entry-content embed {
    width: 100%;
    height: 377.5px
}

.vote-section {
    float: left;
    display: inline-block;
    border-radius: 4px;
    height: 38px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .08);
    margin-top: -6px
}

.vote-section a:hover {
    text-decoration: none;
    background: #fbfbfb
}

.vote-section a:active {
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05)
}

.vote-section a.active {
    border: 1px solid #d1d2d3;
    background: #f1f2f3;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05)
}

.vote-section a.active:hover {
    background: #f1f2f3
}

.vote-section .voteup {
    border-right: 0 !important;
    padding: 0 13px 0 15px;
    border-radius: 4px 0 0 4px
}

.vote-section .voteup .icon-voteup {
    margin-right: 8px;
    vertical-align: 0
}

.vote-section .votedown {
    padding: 0 13px;
    border-left: 1px solid #e1e2e3;
    border-radius: 0 4px 4px 0
}

.vote-section .votedown .icon-votedown {
    margin: 0;
    vertical-align: -1px
}

.vote-section .voteup, .vote-section .votedown {
    font-size: 15px;
    float: left;
    height: 36px;
    display: inline-block;
    color: #9d9e9f;
    line-height: 36px;
    border: 1px solid #d6d7d8;
    -webkit-transition: all .05s ease-in-out;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8)
}

.vote-section .voteup .icon, .vote-section .votedown .icon {
    width: 13px;
    height: 13px
}

.vote-section .voteup.active + .votedown, .vote-section .votedown.active {
    border-left: 1px solid #d1d2d3
}

.vote-section .voteup:active + .votedown, .vote-section .votedown:active {
    border-left: 1px solid #ddd
}

.entry-controls .right-section {
    float: right
}

@media screen and (max-width: 420px) {
    .entry-controls .right-section {
        float: none;
        margin-bottom: 15px
    }
}

.entry-controls .voters {
    display: block;
    margin-top: 10px;
    height: 25px;
    clear: both
}

@media screen and (max-width: 420px) {
    .entry-controls .voters {
        margin-top: 15px
    }
}

.entry-controls .voters .more-voters, .entry-controls .voters .voter {
    width: 25px;
    height: 25px;
    position: relative;
    margin: 0 8px 8px 0;
    float: left
}

.entry-controls .voters .more-voters > img, .entry-controls .voters .voter > img {
    float: left
}

.entry-controls .voters .voter:hover:after, .entry-controls .voters .voter:hover:before {
    visibility: visible;
    opacity: 1
}

.entry-controls .voters .voter:after {
    content: attr(title);
    position: absolute;
    top: -3px;
    right: 36px;
    font-size: 15px;
    display: inline-block;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    padding: 3px 8px;
    border-radius: 3px;
    white-space: nowrap;
    z-index: 1;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.entry-controls .voters .voter:before {
    content: "";
    position: absolute;
    top: 6px;
    left: -3px;
    width: 0;
    height: 0;
    margin: 0 0 0 -8px;
    font-size: 0;
    border-left: 6px solid rgba(0, 0, 0, .75);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    z-index: 1;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out;
    visibility: hidden;
    opacity: 0
}

.entry-controls .voters .icon-more-voters {
    vertical-align: 0;
    width: 25px;
    height: 25px
}

.entry-controls .control-item {
    margin-left: 15px;
    color: #9d9e9f;
    font-size: 15px;
    opacity: 1;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.entry-controls .control-item > .icon {
    margin-right: 8px;
    vertical-align: -2px
}

.entry-controls .control-item .icon-eye {
    vertical-align: 0
}

.entry-controls .control-item .icon-edit {
    vertical-align: -1px;
    margin-right: 9px
}

.entry-controls .control-item .icon-settings {
    vertical-align: -2px;
    margin: 0
}

.entry-controls .control-item:hover {
    text-decoration: none;
    opacity: .85
}

.entry-controls .control-item:hover .icon {
    opacity: .85
}

.post-menu-button {
    padding-bottom: 10px
}

.post-menu-button > .menu {
    margin-left: -51px
}

@media screen and (max-width: 600px) {
    .post-menu-button > .menu {
        margin-left: -70px
    }
}

.post-menu-button > .menu > .menu-item {
    line-height: 42px;
    font-size: 15px
}

.post-menu-button > .menu > .menu-item > .icon {
    margin-right: 10px;
    vertical-align: -3px
}

.post-share-button > .menu {
    margin-left: -64px
}

.post-share-button > .menu > .menu-item > .icon {
    width: 18px;
    height: 18px
}

.posts-navigator {
    border-top: 1px solid #edeeef
}

.posts-navigator .prev {
    padding: 30px 30px 30px 60px
}

.posts-navigator .next {
    padding: 30px 60px 30px 30px;
    text-align: right
}

@media screen and (max-width: 420px) {
    .posts-navigator .next {
        border-top: 1px solid #f1f2f3
    }
}

.posts-navigator .posts-nav {
    display: table
}

.posts-navigator .posts-nav.one {
    display: block
}

.posts-navigator .posts-nav.one .post-link {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 420px) {
    .posts-navigator .posts-nav {
        display: block
    }
}

.posts-navigator .post-link {
    display: table-cell;
    vertical-align: middle;
    width: 210px;
    position: relative
}

@media screen and (max-width: 420px) {
    .posts-navigator .post-link {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
}

.posts-navigator .post-link:hover {
    background-color: rgba(0, 0, 0, .025);
    text-decoration: none
}

.posts-navigator .post-link.disabled {
    text-align: center;
    color: #9d9e9f
}

.posts-navigator .post-link.disabled:hover {
    background: #fff
}

.posts-navigator .title {
    font-weight: 400;
    font-size: 24px;
    color: #414243;
    word-break: break-all;
    word-break: break-word
}

.posts-navigator .icon {
    width: 11px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px
}

.posts-navigator .icon-prev-post {
    left: 25px
}

.posts-navigator .icon-next-post {
    right: 25px
}

.column-selector .warn {
    color: #adaeaf
}

.column-selector .icon-navbar-select {
    vertical-align: baseline;
    width: 8px;
    height: 12px;
    display: inline-block;
    margin-left: 8px
}

.publish-section .draft-control {
    margin-right: 15px;
    vertical-align: -2px
}

.publish-section .draft-control > .hint {
    color: #9d9e9f
}

.publish-section .draft-control > .hint.error {
    color: #f57373
}

@-webkit-keyframes spinningSmall {
    from {
        background-position: 0 0
    }
    to {
        background-position: -360px 0
    }
}

@-moz-keyframes spinningSmall {
    from {
        background-position: 0 0
    }
    to {
        background-position: -360px 0
    }
}

@-ms-keyframes spinningSmall {
    from {
        background-position: 0 0
    }
    to {
        background-position: -360px 0
    }
}

@keyframes spinningSmall {
    from {
        background-position: 0 0
    }
    to {
        background-position: -360px 0
    }
}

.title-scraper-preview {
    margin-bottom: 10px;
    position: relative
}

.title-scraper-preview .remove-button {
    width: 18px;
    height: 18px;
    margin-left: 8px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.title-scraper-preview:hover .remove-button {
    visibility: visible;
    opacity: 1
}

.title-scraper-preview .ui-spinner {
    position: absolute;
    left: -50px;
    bottom: -56px;
    display: block
}

.post-write {
    min-width: 600px
}

@media screen and (max-width: 600px) {
    .post-write {
        min-width: initial
    }
}

.post-write .editable-container {
    overflow: hidden
}

.post-write .entry-content {
    padding: 0 50% 200px;
    min-width: 600px;
    margin-left: -300px;
    min-height: 300px
}

.post-write .entry-content:focus {
    outline: 0
}

@media screen and (max-width: 600px) {
    .post-write .entry-content {
        min-width: initial;
        padding-left: initial;
        padding-right: initial;
        margin-left: initial
    }
}

.post-write .title-img {
    position: relative;
    display: block;
    background-color: #f7f8f9;
    line-height: 90px;
    color: #9d9e9f;
    text-align: center;
    cursor: pointer;
    border: 0;
    font-size: 1em;
    min-height: 90px;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

@media screen and (max-width: 600px) {
    .post-write .title-img {
        margin-left: -17px;
        margin-right: -17px
    }
}

.post-write .title-img .hover-tip {
    padding-right: 0;
    margin-left: -69px;
    left: 50%;
    top: -46px
}

.post-write .title-img.active:after, .post-write .title-img.droppable:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.post-write .title-img.active:after {
    border: 2px dashed #d2d3d4
}

.post-write .title-img.droppable:after {
    border: 2px dashed #bbbcbd;
    background-color: rgba(0, 0, 0, .02)
}

.post-write .title-img .icon-add-titleimg {
    vertical-align: -19px;
    opacity: .75;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.post-write .title-img:hover {
    background-color: #f3f4f5
}

.post-write .title-img:hover .icon-add-titleimg {
    opacity: 1
}

.post-write .title-img:hover .hover-tip {
    opacity: 1;
    visibility: visible
}

.post-write .title-img .preview-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.post-write .title-img .preview {
    width: 100%;
    display: block;
    margin: 0 auto
}

.post-write .title-img input {
    width: 100%;
    height: 100%
}

.post-write .title-input-container {
    margin: 35px 0 0
}

.post-write .title {
    height: 44px;
    min-height: 44px;
    display: block;
    width: 100%;
    border: 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 400;
    resize: none;
    overflow: hidden;
    outline: 0;
    box-shadow: none
}

.post-write .title:focus {
    outline: 0
}

.post-write .toolbar-holder {
    width: 600px;
    background: #fff
}

@media screen and (max-width: 600px) {
    .post-write .toolbar-holder {
        width: 100%;
        margin-left: -17px;
        margin-right: -17px
    }
}

.post-write .toolbar-holder.sticky {
    position: fixed;
    top: 0;
    z-index: 10
}

.post-write .toolbar-holder.in, .post-write .toolbar-holder.out {
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s
}

.post-write .toolbar-holder.in, .post-write .toolbar-holder.out.out-active {
    opacity: 0;
    margin-top: -27px
}

.post-write .toolbar-holder.out, .post-write .toolbar-holder.in.in-active {
    opacity: .95;
    margin-top: 0
}

.img-edit-options {
    position: absolute;
    height: 42px;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out;
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 4px 0 0;
    pointer-events: auto
}

.ui-popover .img-edit-options.ng-hide-remove, .ui-popover .img-edit-options.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    display: block !important
}

.ui-popover .img-edit-options.ng-hide-add, .ui-popover .img-edit-options.ng-hide-remove.ng-hide-remove-active {
    opacity: 1
}

.img-edit-options .icon-img-change {
    vertical-align: -1px
}

.img-edit-options .icon-img-delete, .img-edit-options .icon-img-caption {
    vertical-align: -2px
}

.img-edit-options > button {
    float: left;
    line-height: 42px;
    height: 42px;
    width: 48px;
    opacity: .9;
    border: 0;
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.img-edit-options > button:first-child {
    border-radius: 4px 0 0
}

.img-edit-options > button:hover {
    text-decoration: none
}

.img-edit-options > button + button {
    border-left: 1px solid #323334;
    border-left: 1px solid rgba(255, 255, 255, .12)
}

.img-edit-options .caption {
    width: auto;
    position: relative
}

.img-edit-options .caption .icon-img-caption {
    position: absolute;
    left: 13px;
    top: 13px
}

.img-edit-options .caption .caption-input {
    margin-top: -4px;
    padding: 0 13px 0 37px;
    width: 32px;
    border: 0;
    outline: 0;
    background: 0 0;
    color: #fff;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.img-edit-options .caption .caption-input.with-content {
    width: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.img-edit-options .caption .caption-input:focus {
    width: 200px
}

.cancel-publish, .save-as-draft {
    margin-right: 15px
}

@media screen and (max-width: 600px) {
    .column-settings {
        margin-top: 30px
    }
}

.column-form .error {
    margin: 8px 0 0;
    color: #f57373
}

.column-form .error .icon-error {
    margin-right: 4px;
    width: 17px;
    height: 17px
}

.column-form input.submission {
    font-size: 16px;
    margin: 0 10px 0 0;
    vertical-align: 1px
}

.column-form .remove-button {
    margin-top: 8px;
    display: inline-block;
    color: #9d9e9f;
    text-decoration: none;
    padding: 0
}

.column-form .cancel-button {
    text-decoration: none;
    float: right;
    color: #225d99;
    margin: 8px 20px 0 0
}

.column-form .topics-input {
    position: relative
}

.column-form .topics-input .maxtags {
    display: none
}

.column-form .input-container {
    position: relative
}

@media screen and (max-width: 600px) {
    .setting-sec {
        padding-left: 17px;
        padding-right: 17px
    }
}

.setting-sec .basic-input, .setting-sec .zm-img-uploader input.video-url, .zm-img-uploader .setting-sec input.video-url, .setting-sec .linkdialog-form .text, .linkdialog-form .setting-sec .text {
    width: 100%
}

.setting-sec.url .url-spine {
    display: inline-block;
    margin-right: 15px;
    vertical-align: -2px
}

.setting-sec.url .basic-input, .setting-sec.url .zm-img-uploader input.video-url, .zm-img-uploader .setting-sec.url input.video-url, .setting-sec.url .linkdialog-form .text, .linkdialog-form .setting-sec.url .text {
    width: 264px
}

@media screen and (max-width: 600px) {
    .setting-sec.url .basic-input, .setting-sec.url .zm-img-uploader input.video-url, .zm-img-uploader .setting-sec.url input.video-url, .setting-sec.url .linkdialog-form .text, .linkdialog-form .setting-sec.url .text {
        display: block;
        margin-top: 12px;
        width: 100%
    }
}

.setting-sec.desc textarea {
    min-height: 74px;
    padding: 8px 12px
}

.setting-sec.comments .radio-label {
    display: block
}

.setting-sec.comments .radio-label + .radio-label {
    margin-top: 10px
}

.setting-sec.comments input[type=radio] {
    vertical-align: 1px;
    margin-right: 8px
}

.setting-sec .form-title {
    float: left;
    width: 100px;
    text-align: right;
    color: #666768
}

@media screen and (max-width: 600px) {
    .setting-sec .form-title {
        width: 80px
    }
}

.setting-sec .form-title.with-margin {
    margin-top: 7px
}

.setting-sec .form-content {
    margin-left: 160px
}

@media screen and (max-width: 600px) {
    .setting-sec .form-content {
        margin-left: 120px
    }
}

.setting-sec + .setting-sec {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #f1f2f3
}

.create-self-column {
    text-align: center
}

.create-self-column .avatar {
    width: 60px;
    height: 60px;
    border-radius: 30px
}

.create-self-column .create-self-column-btn {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    background-color: #f1f2f3;
    padding: 0 25px 0 30px;
    border-radius: 30px;
    margin-left: 25px;
    color: #666768;
    opacity: 1;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

.create-self-column .create-self-column-btn:hover {
    text-decoration: none;
    background-color: #edeeef
}

.create-self-column .icon-create-column-next {
    width: 11px;
    height: 17px;
    vertical-align: -3px;
    margin-right: 0;
    margin-left: 6px
}

.create-self-column .devider {
    margin: 35px 0;
    position: relative;
    text-align: center
}

.create-self-column .devider .text {
    display: inline-block;
    color: #9d9e9f;
    font-size: 15px;
    padding: 0 12px;
    background-color: #fff
}

.create-self-column .devider:before {
    width: 100%;
    height: 1px;
    background-color: #f1f2f3;
    position: absolute;
    content: '';
    left: 0;
    top: 12px;
    z-index: -1
}

.avatar-editing {
    text-align: center;
    position: relative;
    width: 150px;
    margin: 0 auto
}

.setting-sec + .avatar-editing {
    border-top: 0;
    padding-top: 0;
    margin-top: 0
}

.avatar-editing .avatar, .avatar-editing .avatar-preview {
    width: 150px;
    height: 150px;
    border: 0;
    border-radius: 75px
}

.avatar-editing input {
    height: 100%;
    width: 100%
}

.avatar-editing .upload {
    margin-top: 25px
}

.avatar-editing .upload .change-avatar {
    color: #9d9e9f
}

.avatar-editing .use-own-avatar {
    display: inline-block;
    color: #9d9e9f;
    font-size: 14px;
    margin-top: 20px
}

.avatar-editing .use-own-avatar img {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    vertical-align: -4px;
    margin-left: 10px
}

.avatar-editing .use-own-avatar:hover {
    text-decoration: none
}

.avatar-editing .use-own-avatar:hover > span {
    text-decoration: underline
}

.avatar-editing .avatar-preview {
    text-shadow: 0 1px 0 #fff;
    color: #9d9e9f;
    position: relative;
    font-size: 15px;
    display: block
}

.avatar-editing .avatar-preview .avatar {
    position: absolute;
    top: 0;
    left: 0
}

.avatar-editing .avatar-preview input {
    width: 100%;
    height: 100%
}

.avatar-editing .avatar-preview .tip {
    display: inline-block;
    position: absolute;
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 30px;
    color: #666768
}

.avatar-editing .progressing .avatar-preview {
    background-color: #edeeef
}

.avatar-editing .progressing .tip, .avatar-editing .progressing .icon-upload-avatar {
    display: none
}

.avatar-editing .icon-upload-avatar {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: background-color .05s ease-in-out;
    -moz-transition: background-color .05s ease-in-out;
    -o-transition: background-color .05s ease-in-out;
    transition: background-color .05s ease-in-out
}

.avatar-editing:hover .icon-upload-avatar {
    background-color: #edeeef
}

.avatar-editing .ui-progress {
    z-index: 3;
    width: 100px;
    top: 70px;
    margin-top: 0;
    margin-left: -50px
}

.avatar-editing .ui-progress.with-avatar {
    border-color: #fff;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .5);
    background-color: rgba(0, 0, 0, .5)
}

.avatar-editing .ui-progress.with-avatar .bar {
    background: #fff
}

.invite-authors-wrapper {
    position: relative;
    width: 300px
}

.invite-authors-wrapper .icon-magnify {
    position: absolute;
    top: 15px;
    left: 13px
}

.invite-authors-wrapper .basic-input, .invite-authors-wrapper .zm-img-uploader input.video-url, .zm-img-uploader .invite-authors-wrapper input.video-url, .invite-authors-wrapper .linkdialog-form .text, .linkdialog-form .invite-authors-wrapper .text {
    padding-left: 34px;
    display: block
}

.list-title {
    color: #666768
}

.invited-list + .list-title {
    margin-top: 20px
}

.invited-list, .invited-but-not-in-list {
    list-style: none
}

.invited-list .author, .invited-but-not-in-list .author {
    width: 50%;
    float: left;
    margin-top: 20px;
    line-height: 25px
}

.invited-list a, .invited-list img, .invited-list span, .invited-but-not-in-list a, .invited-but-not-in-list img, .invited-but-not-in-list span {
    vertical-align: middle
}

.invited-list .author-link, .invited-but-not-in-list .author-link {
    display: inline-block;
    color: #666768;
    max-width: 190px;
    -webkit-transition: all .05s ease-in-out;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    transition: all .05s ease-in-out
}

html.lt-ie9 .invited-list .author-link, html.lt-ie9 .invited-but-not-in-list .author-link {
    width: 160px
}

.invited-list .author-link:hover, .invited-but-not-in-list .author-link:hover {
    color: #9d9e9f;
    text-decoration: none
}

.invited-list .avatar, .invited-but-not-in-list .avatar {
    width: 25px;
    height: 25px;
    margin-right: 12px;
    border-radius: 13px
}

.invited-list .remove, .invited-but-not-in-list .remove {
    margin-left: 4px
}

.invited-list .remove > .icon, .invited-but-not-in-list .remove > .icon {
    vertical-align: -4px
}

.weixin {
    float: right
}

.weibo i, .weixin i {
    display: inline-block;
    margin-right: 10px
}

.create-column button {
    float: right
}

.create-column {
    padding-bottom: 5px
}

.column-actions {
    border-bottom: 1px solid #edeeef;
    height: 100px;
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .02);
    background: #feffff url(http://z1.zhimg.com/images/design/f61004f5.column-manage-bg.png)
}

.column-actions .receptacle {
    height: 100%;
    position: relative
}

.column-actions .action-link {
    height: 100%;
    display: inline-block;
    float: left;
    line-height: 100px;
    color: #9d9e9f;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
    -webkit-transition: background-color .05s ease-in-out;
    -moz-transition: background-color .05s ease-in-out;
    -o-transition: background-color .05s ease-in-out;
    transition: background-color .05s ease-in-out;
    background-repeat: no-repeat;
    background-position: 80px center;
    width: 100%
}

.column-actions .action-link:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .02)
}

.column-actions .action-link .icon {
    width: 39px;
    height: 35px;
    margin-right: 15px;
    vertical-align: -11px
}

.column-actions .action-link.invite {
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width: 600px) {
    .column-followers-main {
        margin-top: 30px
    }
}

.column-followers {
    list-style: none
}

.column-followers .follower {
    width: 50%;
    float: left;
    margin: 25px 0 0
}

@media screen and (max-width: 600px) {
    .column-followers .follower {
        width: auto;
        float: none;
        padding-left: 17px;
        padding-right: 17px
    }
}

.column-followers .follower > a {
    color: #414243
}

.column-followers .follower > a:hover {
    text-decoration: none
}

.column-followers .follower > a:hover > strong {
    text-decoration: underline
}

.column-followers .follower .avatar {
    float: left;
    margin-right: 18px
}

.column-followers .follower strong {
    font-size: 16px;
    font-weight: 400
}

.column-followers .follower .bio {
    display: block;
    color: #9d9e9f;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 10px;
    min-height: 1.7em
}

.rec-section .rec-title {
    font-size: 1em;
    font-weight: 400;
    margin-bottom: 15px;
    border-bottom: 1px solid #edeeef;
    padding-bottom: 15px
}

.rec-section.columns .avatar {
    width: 25px;
    height: 25px;
    border-radius: 13px
}

.rec-section.columns .name {
    line-height: 25px
}

.home {
    width: 100%;
    height: 100%;
    position: relative
}

.home .navbar {
    background: 0 0;
    box-shadow: none;
    border: 0;
    position: absolute;
    z-index: 10;
    top: 0;
    width: 100%
}

.home .navbar .receptacle {
    width: auto
}

.home .navbar .navbar-logo-container, .home .navbar .navbar-content {
    display: none
}

.home .navbar-login {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .16);
    margin: 10px 10px 0 0;
    opacity: .95
}

.home .navbar-login:hover {
    opacity: .85;
    background-color: transparent
}

.home .navbar-login .icon-navbar-login {
    width: 23px;
    height: 24px;
    margin: 0 8px 0 -4px;
    vertical-align: -6px
}

.home .navbar-write-container, .home .navbar-drafts-container {
    margin: 10px 0 0
}

.home .navbar-write-container .icon, .home .navbar-drafts-container .icon {
    opacity: .95
}

.home .navbar-write-container:hover > a, .home .navbar-drafts-container:hover > a {
    opacity: .85;
    background-color: transparent
}

.home .navbar-menu-container {
    margin: 10px 10px 0 0
}

.home .navbar-menu-container .icon-navbar-menu {
    opacity: .95
}

.home .navbar-menu-container.open .menu-button {
    opacity: .85;
    background-color: transparent
}

.home .navbar-menu-container .menu {
    left: -20px
}

.home .main-container {
    width: 100%;
    height: 100%
}

.home .top, .home .bottom {
    width: 100%;
    height: 50%;
    min-height: 300px
}

.home .top {
    background-image: url(http://z1.zhimg.com/images/design/ac6ac7d7.bg.png);
    background-size: cover;
    background-position: center;
    position: relative
}

.home .top .logo {
    background-image: url(http://z1.zhimg.com/images/design/e1e44666.teaser-logo.png);
    background-repeat: no-repeat;
    width: 218px;
    height: 136px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -68px;
    margin-left: -109px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .home .top .logo {
        background-image: url(http://z1.zhimg.com/images/design/c13f39ba.teaser-logo@2x.png);
        background-size: contain
    }
}

.home .bottom {
    background-color: #fcfdfe;
    background-image: url(http://z1.zhimg.com/images/design/eb8ca248.typewriter.png);
    background-size: 143px 114px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .home .bottom {
        background-image: url(http://z1.zhimg.com/images/design/da29c2f2.typewriter@2x.png);
        background-size: 143px 114px
    }
}

.home .bottom .teaser {
    position: absolute;
    width: 222px;
    height: 62px;
    top: 0;
    left: 50%;
    margin-top: -30px;
    margin-left: -111px;
    background-image: url(http://z1.zhimg.com/images/design/785a53d7.teaser.png)
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .home .bottom .teaser {
        background-image: url(http://z1.zhimg.com/images/design/29412b6a.teaser@2x.png);
        background-size: contain
    }
}

[ng-cloak] {
    display: none
}
